Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用CSS用破折号填充段落(直到行尾)_Html_Css - Fatal编程技术网

Html 如何使用CSS用破折号填充段落(直到行尾)

Html 如何使用CSS用破折号填充段落(直到行尾),html,css,Html,Css,我一直在尝试使用css在段落的最后一行填充破折号,但我似乎找不到这样做的方法 基本上,我从数据库中获取一些数据(文本)并将其输出到一个段落中,但我不知道有多少文本,也不知道父div的大小 考虑到所有这些,我需要用破折号填充段落最后一行的剩余空间 例如: Lorem ipsum dolor sit amet,是一位杰出的献身者。Nunc eu malesuada lacus,直径相等。世袭的封建主义者,积极向上的狮子座,积极向上的元素,在尼布的交通工具-----------------------

我一直在尝试使用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。这让我发疯了,我已经尝试了所有我能提醒的事情,但没有任何效果。