除以填充剩余宽度

Question

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

关于我们

超过

服务

等。

我可以使用80％的百分比，它可以工作，但它不会填补剩余的，看起来很难看......

你会怎么做？

由于

Answer 1

您可以简单地将线条设为整个框的宽度，然后隐藏溢出：

http://jsfiddle.net/yZ2KJ/

Answer 2

你可以有一条穿过整个容器的线，并且在隐藏线的文本上有背景颜色。

Answer 3

一种简单的方法是使线条100％的宽度，并用不透明的背景将文本放在上面。