如何在行尾添加动态文本段落?

时间:2011-11-22 15:23:16

标签: html css border underline text-decorations

我有一个动态段落(文本将被更改)我想要加下划线,但是我希望下划线跨越容器元素的右边缘而不是停留在文本的末尾。如果你使用文本修饰:下划线它将只是为每行上的文本加下划线而不是整行

我显然可以手动分割线条,然后使用边框底部跨越整个宽度,但是文本是可变的并且可以更改,因此无法手动指定每一行。有没有办法动态地为每一行加下划线而不将它们分开?

谢谢大家!

戴夫

2 个答案:

答案 0 :(得分:1)

不是真的 - 如果你想强调文字而不是段落。
因为你要么定位一个块元素 - 在这种情况下你只能在底部加下划线,或者你定位一个内联元素 - 在这种情况下它不会伸展到边框。

您可以对文本进行对齐,但它仍然不会在文本右边缘的最后一行下划线。

唯一的黑客就是使用固定的线条高度,并使用带有“下划线图像”的重复背景,使文本看起来有下划线。
我强烈反对这一点,因为它很可能在不同的浏览器中有所不同。

答案 1 :(得分:-1)

尝试使用<u>

<u><p>Some text</p></u>