1. 首页
  2. 问答
  3. 股利，以填补剩余宽度

股利，以填补剩余宽度

2011-11-02 157 views
1

enter image description here 我试图使这个蓝线（一个div）自动填充的空间 容器的宽度的其余部分被固定为800像素，但H1变化宽度取决于长度文本。股利，以填补剩余宽度

关于我们

长于

服务

等

我可以使用类似80％％，而它的工作原理，但它不填充剩余和长相丑陋...

如何你会那样做吗？

感谢

来源

2011-11-02 Miro

+0

你会需要一些JavaScript来计算所需的宽度。当你将相对大小（80％）与精确测量（57px）混合时，CSS对于这种情况是绝对垃圾。 –

回答

3

你可以简单地使线整体框的宽度，但然后隐藏溢出：

http://jsfiddle.net/yZ2KJ/

来源

2011-11-02 15:29:25

+0

太棒了！这么简单，我无法弄清楚它是如何在起初:) 谢谢！ – Miro

0

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

来源

2011-11-02 15:25:24 jishi

+0

这看起来不好，因为我的背景不是纯色（有一些噪音）并且是固定的。 – Miro

0

一个简单的方法是将线条宽度设置为100％，并将文本放置在背景上的不透明背景上。

来源

2011-11-02 15:27:04 GolezTrol

+0

，因为我的背景不是纯色（有一些噪音）并且是固定的，所以看起来不好。 – Miro

相关问题

 相关问题