我怎样才能控制标签标签的宽度？

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

Answer 1

当然使用CSS

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

width属性已被弃用，并且CSS应始终用于控制这些performanceforms。

Answer 2

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

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

Answer 3

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

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

Answer 4

给宽度标签不是一个正确的方法。 你应该采取一个div或表结构来pipe理这个。 但仍然如果你不想改变你的整个代码，那么你可以使用下面的代码。

 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;}