Как я могу контролировать ширину метки?

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 не распознает inline-block. Если вы хотите, чтобы он был совместим с разными браузерами, посмотрите эту статью: http://webjazz.blogspot.com/2008/01/getting-inline-block-working-across.html

Answer 4

Давать ширину метке - неправильный способ. Вы должны взять один 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;}