Question

我可以用CSS做这样的事情吗？

我有一个带有文本修饰的想法，但它始终是文本长度的问题。我可以只使用一个html元素做这样的事情吗？

http://i.stack.imgur.com/G5NXA.png

Answer 1

此answer适用于您的问题：

<强> HTML

<div id="line"><span>TEXT</span></div>

<强> CSS

#line{
    border-bottom: 1px black dotted;
    overflow:visible;
    height:9px;        
    margin: 5px 0 10px 0;
}
#line span{
    background-color: white;        
    padding: 0 5px;
}

jsFiddle演示：http://jsfiddle.net/EX3qa/2/

Answer 2

看这里：
http://jsfiddle.net/LRSuJ/1/

Answer 3

它不是很漂亮，但http://jsfiddle.net/csswizardry/34bBd/

使用一个元素，不依赖于硬编码的数字，完全可重复使用。

Answer 4

我认为您应该使用带有图例标记的字段集。并删除您可能不需要的那些行。喜欢左右按钮。（或使颜色变白或透明）

如何在Label垂直居中的右侧绘制一条水平线

4 个答案: