Html 如何使用CSS用破折号填充段落(直到行尾)
我一直在尝试使用css在段落的最后一行填充破折号,但我似乎找不到这样做的方法 基本上,我从数据库中获取一些数据(文本)并将其输出到一个段落中,但我不知道有多少文本,也不知道父div的大小 考虑到所有这些,我需要用破折号填充段落最后一行的剩余空间 例如: Lorem ipsum dolor sit amet,是一位杰出的献身者。Nunc eu malesuada lacus,直径相等。世袭的封建主义者,积极向上的狮子座,积极向上的元素,在尼布的交通工具----------------------------------------------------------------------------------------------------------------Html 如何使用CSS用破折号填充段落(直到行尾),html,css,Html,Css,我一直在尝试使用css在段落的最后一行填充破折号,但我似乎找不到这样做的方法 基本上,我从数据库中获取一些数据(文本)并将其输出到一个段落中,但我不知道有多少文本,也不知道父div的大小 考虑到所有这些,我需要用破折号填充段落最后一行的剩余空间 例如: Lorem ipsum dolor sit amet,是一位杰出的献身者。Nunc eu malesuada lacus,直径相等。世袭的封建主义者,积极向上的狮子座,积极向上的元素,在尼布的交通工具-----------------------
我试过使用我找到的一些css代码,但我无法使它们适应我的情况一些使用了
display:flex
(我想?)另一些基本上是很多破折号和overflow:hidden
,这不起作用,因为它将我段落的所有内容隐藏在第一行之后。可以使用hr标记代替破折号。它不需要结束标记
hr标签的示例:
Lorem ipsum dolor sit amet,是一位杰出的献身者。Nunc eu malesuada lacus,直径相等。世袭的封建主义者,积极向上的狮子座,积极向上的元素,在尼布的交通工具
试试看
p{
位置:相对位置;
溢出:隐藏;
宽度:100%;
}
p:之后,
p::之后{
内容:“-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------”;
显示:内联块;
宽度:100%;
高度:自动;
z指数:-1;
位置:绝对位置;
}
Lorem ipsum Door sit amet,是一位杰出的领导者。Nunc eu malesuada lacus,直径相等。Sed feugiat,leo Temporal maximus accumsan,erat mi elementum nisi,quis Vehicle nunc nibh in nibh.
这不是解决我问题的可能方法。此外,hr标签将出现在新的一行中,我想做的是在段落的最后一行添加破折号,以完成最后一行(这样就不会留下空白)。谢谢,Hawkeye。这让我发疯了,我已经尝试了所有我能提醒的事情,但没有任何效果。