如何控制标签标签的宽度？

问题描述：

标签标签没有属性'宽度'，所以我应该如何控制标签标签的宽度？如何控制标签标签的宽度？

标签是一个内联元素，它不能有宽度值;为了做到这一点，你需要把'display：block'或'float：left'。 – 2010-05-12 16:10:26

答

使用CSS，当然...

label { display: block; width: 100px; }

的width属性已被弃用，CSS应始终用来控制这类表象的风格。

但是这会导致代码中断，这可能是OP **首先不需要的。 – 2010-05-12 16:07:41

+43

@Konrad然后OP可以使用'float'或'display：inline-block' – 2010-05-12 16:08:12

是的，这就是我想要的。 :-)这是这里的核心部分，因为它是困难的部分。仅仅设置'width'不会有太大用处。 – 2010-05-12 21:12:42

答

显示内联元素（如SPAN，LABEL等），以便浏览器根据其内容计算它们的高度和宽度。如果你想控制高度和宽度，你必须改变这些元素的块。

display: block;使该元素显示为一个实体块（如DIV标记），这意味着元素（它不是内联）后有一个换行符。尽管您可以使用display: inline-block来解决换行问题，但此解决方案在IE6中不起作用，因为IE6无法识别内联块。如果你希望它是跨浏览器兼容的，那么看看这篇文章：http://webjazz.blogspot.com/2008/01/getting-inline-block-working-across.html

答

使用内联块更好，因为它不会强制剩下的元素和/或控件绘制在一个新行中。

label { 
    width:200px; 
    display: inline-block; 
}

答

label { 
    width:200px; 
    display: inline-block; 
} 

OR 

label { 
    width:200px; 
    display: inline-flex; 
} 

OR 

label { 
    width:200px; 
    display: inline-table; 
}

答

给予宽度到标签不是一种合适的方式。你应该采取一个div或表格结构来管理这个。但仍然如果你不想改变你的整个代码，那么你可以使用下面的代码。

label { 
    width:200px; 
    float: left; 
}

控制标签元素宽度的“给标签宽度不正确”？你确定？ – Oriol 2015-08-10 14:06:34

是的。因为当我们想要创建一些布局或特定的结构，那么div和table属性就可以使用。标签并不意味着给予宽度或高度......因此，如果我们使用某些不意味着这样做的东西，它会以某种方式开始创建问题。我希望我现在有道理。 – 2015-08-10 14:13:09

答

您可以给类名的所有标签，这样都可以有相同的宽度：

.class-name { width:200px;}

例

.labelname{ width:200px;}

，或者你可以标记的简单得平安

label { width:200px; display: inline-block;}

如何控制标签标签的宽度？

相关推荐