Как сделать, чтобы текст в атрибуте title переносился на строки?
Есть атрибут title
Проблема сделать , чтобы текст переносился на строки
Нахожу варианты, но один не работает на маке хроме,
другой - просто мозилле...
Дополнительно:
Атрибут title не стилизуется.
Можно сделать псевдо content: attr(title). Но перенос будет только за счет ширины.
Либо использовать обычный div или span или p с br и стилизовать как душе угодно.
- На самом деле не attr(title), а какой-нибудь data-
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для того чтобы сделать так, чтобы текст в атрибуте title переносился на строки, можно использовать HTML сущности для переноса строки внутри атрибута title. Вот пример кода на PHP:
echo '<a href="#" title="Это текст, который<br>будет переноситься на новую строку">Пример ссылки</a>';
В данном примере, мы используем HTML тег
для переноса строки внутри атрибута title. При наведении курсора на ссылку, текст будет отображаться на двух строках.
Также, можно использовать CSS для стилизации текста в атрибуте title и задания переноса строки. Вот пример кода на PHP:
echo ' a[title] { white-space: pre-wrap; } '; echo '<a href="#" title="Это текст, который будет переноситься на новую строку">Пример ссылки</a>';
В данном примере, мы используем CSS свойство white-space: pre-wrap; для задания переноса строки внутри атрибута title. При наведении курсора на ссылку, текст будет отображаться на двух строках.
Надеюсь, что данное решение поможет вам сделать так, чтобы текст в атрибуте title переносился на строки. Если у вас возникнут дополнительные вопросы, не стесняйтесь задавать их.