Как подчеркнуть динамический абзац текста до конца строки?
У меня есть динамический абзац (текст будет изменяться непрерывно), который я хочу подчеркнуть, однако я хочу, чтобы подчеркивания охватывали правый край элемента контейнера, а не останавливались в конце текста. Если вы используете text-decoration: underline, он будет просто подчеркивать текст, который существует на каждой строке, а не на всей строке
Я, очевидно, могу вручную разделить строки вверх, а затем использовать нижнюю границу, чтобы охватить всю ширину, однако текст является переменным и может быть изменено так, что каждая строка не может быть задана вручную. Есть ли способ динамически подчеркивать каждую строку до конца, не разделяя их?
Спасибо всем!
Дейв
2 ответа:
Не совсем-если вы хотите подчеркнуть текст, а не абзац.
Потому что либо вы нацелены на блочный элемент - в этом случае вы можете только подчеркнуть нижнюю часть, либо вы нацелены на встроенный элемент - в этом случае он не будет растягиваться до границы.Можно было бы оправдать текст, но он все равно не подчеркивал бы последнюю строку к правому краю текста.
Единственным обходом будет использование фиксированной высоты линии и использование повторяющегося фона с "подчеркивание-изображение" таким образом, чтобы текст казался подчеркнутым.
Я настоятельно не советую этого делать, так как он, скорее всего, работает по-разному в разных браузерах.