Выравнивание текста метки в наборе полей с помощью CSS - PullRequest
Новая
       27

Выравнивание текста метки в наборе полей с помощью CSS

0 голосов
/ 03 ноября 2008

В моем наборе полей есть метки рядом с моими текстовыми полями, но по какой-то причине они направлены вверх, а не посередине. Вот мой CSS для набора полей: 

fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

label 
{
    font: bold 12px Verdana, Arial, Helvetica, sans-serif, MS UI Gothic;
    float: left;
    width: 12em;
    text-align:right;
    vertical-align:text-bottom;
}

Чего мне не хватает?

Ответы [ 2 ]

3 голосов
/ 03 ноября 2008

Попробуйте настроить свойство line-height для элемента label. Возможно, вам придется увеличить или уменьшить его.

0 голосов
/ 03 ноября 2008

Для меня это самая расстраивающая вещь в CSS ... Зак прав, возможно, потребуется немного изменить высоту строки, иногда много настройки (например, 20 пикселей). я думаю, что плавающий элемент вызывает высоту строки, чтобы быть трудно ?? если вы хотите, чтобы это было в середине строки, вы должны установить вертикальное выравнивание: середина; тоже.

надеюсь, это поможет ...

...