Выровнять по вертикали текст в метке - PullRequest
Новая
       41

Выровнять по вертикали текст в метке

39 голосов
/ 12 октября 2009

Меня попросили вертикально выровнять текст в метках для полей в форме, но я не понимаю, почему они не перемещаются. Я попытался поместить встроенные стили, используя vertical-align:top; и другие атрибуты, такие как bottom и middle, но это не работает.

Есть идеи? 

<dd>
   <label class="<?=$email_confirm_class;?>" 
          style="text-align:right; padding-right:3px">Confirm Email</label>
   <input class="text" type="text" 
          style="border:none;" name="email_confirm" 
          id="email_confirm" size="18" value="<?=$_POST['email_confirm'];?>" 
          tabindex="4" /> 
   *
</dd>

Ответы [ 11 ]

0 голосов
/ 12 октября 2009

Для этого вы должны изменить свойство вертикального выравнивания ввода. 

<dd><label class="<?=$email_confirm_class;?>" style="text-align:right; padding-right:3px">Confirm Email</label><input class="text" type="text" style="vertical-align: middle; border:none;" name="email_confirm" id="email_confirm" size="18" value="<?=$_POST['email_confirm'];?>" tabindex="4" /> *</dd>

Вот более полная версия. Он был протестирован в IE 8 и работает. увидеть разницу, удалив вертикальное выравнивание: середина из ввода: 

<html><head></head><body><dl><dt>test</dt><dd><label class="test" style="text-align:right; padding-right:3px">Confirm Email</label><input class="text" type="text" style="vertical-align: middle; font-size: 22px" name="email_confirm" id="email_confirm" size="28" value="test" tabindex="4" /> *</dd></dl></body></html>
Страница:
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...