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

Question

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

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