虚线下划线TEXT

时间:2012-04-13 16:55:56

标签: css text underline dotted-line

我有一个固定宽度的元素(例如标签),我希望只有文字加点下划线。如果a使用border-bottom进行“技巧”整个框将加下划线

我认为this解释了我的问题

3 个答案:

答案 0 :(得分:1)

您应该将其包装到范围中并将该边框底部样式添加到该范围:http://jsfiddle.net/mrg9a/2/

答案 1 :(得分:1)

您可以将文本包装在<span>标签中,然后将样式应用于跨度。

请参阅此 jsFiddle example 中的第二个元素。

答案 2 :(得分:0)

由于label元素默认为内联,因此问题是由内联块引起的。这反过来可能是为了避免使用最自然和最有效的结构化表格的方式,即HTML表格。只需切换到table标记,然后在label内使用td,不需要花哨的设置,label元素将采用您在其自然宽度上设置的边框。< / p>