css - 虚线下划线 TEXT

Question

我有一个固定宽度的元素（例如标签），我希望只有文本带有点下划线。如果使用border-bottom 执行“技巧”，则整个框将带有下划线

我认为这解释了我的问题

Answer 1

您应该将其包装成一个跨度并将该边框底部样式添加到该跨度：http: //jsfiddle.net/mrg9a/2/

Answer 2

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

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

Answer 3

由于label默认情况下元素是内联的，因此问题是由使它们内联块引起的。反过来，这可能是为了避免使用最自然和最有效的表单结构方式，即 HTML 表格。只需切换到table标记并在没有花哨的设置的情况下使用labelinside td，label元素将采用您在它们上设置的边框，以其自然宽度。