Css 填充剩余宽度的Div

Css 填充剩余宽度的Div,css,width,column-width,Css,Width,Column Width,我试图让这条蓝线(一个div)自动填充剩余的空间 容器的宽度固定为800px,但h1会根据文本的长度改变宽度 关于我们的时间比服务等更长 我可以用80%的东西,它能用,但它不能填满剩下的部分,看起来很难看 你会怎么做 谢谢你,你可以有一条横贯整个容器的线,并且在文本上有一个隐藏线的背景色。一个简单的方法是使线的宽度达到100%,并将文本置于不透明背景上。您只需将线条设置为整个框的宽度,然后隐藏溢出: 您需要一些javascript来计算所需的宽度。在这种情况下,CSS绝对是垃圾,当你将相对大小(

我试图让这条蓝线(一个div)自动填充剩余的空间 容器的宽度固定为800px,但h1会根据文本的长度改变宽度

关于我们的时间比服务等更长

我可以用80%的东西,它能用,但它不能填满剩下的部分,看起来很难看

你会怎么做


谢谢你,你可以有一条横贯整个容器的线,并且在文本上有一个隐藏线的背景色。

一个简单的方法是使线的宽度达到100%,并将文本置于不透明背景上。

您只需将线条设置为整个框的宽度,然后隐藏溢出:


您需要一些javascript来计算所需的宽度。在这种情况下,CSS绝对是垃圾,当你将相对大小(80%)与精确测量值(57px)混合在一起时。这看起来不太好,因为我的背景不是纯色(有一些噪音)并且是固定的。太好了!这么简单,一开始我不知道它是怎么工作的:)谢谢!这看起来不太好,因为我的背景不是纯色(有一些噪音),而且是固定的。