Question

标签标签没有属性'width'，那么我应该如何控制标签标签的宽度呢？

Answer 1

当然使用CSS ......

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

不推荐使用width属性，并且应始终使用CSS来控制这些类型的表现形式。

Answer 2

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

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

Answer 3

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

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

Answer 4

给Label标注宽度不是一种正确的方法。你应该采取一个div或表结构来管理这个。但是，如果您不想更改整个代码，那么您可以使用以下代码。

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

Answer 5

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

OR 

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

OR 

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

Answer 6

您可以为所有标签指定类名，以便所有标签都具有相同的宽度：

 .class-name {  width:200px;}

示例

.labelname{  width:200px;}

或者你可以简单地给出标签的其余部分

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

Answer 7

您绝对可以尝试这种方式

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

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

7 个答案: