2

我有一个想要下划线的动态段落(文本将不断更改),但是我希望下划线跨越到容器元素的右边缘,而不是停在文本的末尾。如果你使用 text-decoration: underline 它只会给每一行上存在的文本下划线,而不是整行

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

谢谢大家!

戴夫

4

2 回答 2

1

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

您可以证明文本的合理性,但它仍然不会在文本右边缘的最后一行下划线。

唯一的解决方法是使用固定的行高,并使用带有“下划线图像”的重复背景,以使文本看起来带有下划线。
我强烈建议不要这样做,因为它很可能在不同的浏览器中工作方式不同。

于 2011-11-22T15:50:55.880 回答
-1

尝试使用<u>

<u><p>Some text</p></u>
于 2011-11-22T15:32:26.323 回答