【发布时间】：2012-04-12 21:09:57
【问题描述】：
我正在尝试创建一个内部有“标签”的水平线。理想情况下，这应该是一个漂亮的分隔符。
我在这里创建了一个 JSFiddle：http://jsfiddle.net/9syqG/
左边部分和标题似乎工作得很好。我只是无法获得直线的正确部分来延伸剩余的距离。
谁能帮忙？
【问题讨论】：
-
距离，你说的是什么意思？喜欢
width: 100%;？ -
我认为他基本上是在尝试创建一个带有图例的字段集。 stackoverflow.com/questions/2213881/… 之类的东西？
-
所以一行会有3个元素。行，文本，行。左行是固定宽度，那么文本就是文本的宽度，然后右行的宽度就是行的剩余部分。
-
喜欢这个来自 WebOS 的截图：developer.palm.com/content/api/images/palm/ui_summary/…
-
看起来我可以在左行和文字
float: left;然后在右行overflow: hidden;像这样jsfiddle.net/9syqG/5