Выравнивание флажков в Internet Explorer, Firefox и Chrome - PullRequest
Новая
       16

Выравнивание флажков в Internet Explorer, Firefox и Chrome

1 голос
/ 13 января 2011

Чекбокс выравнивания с его меткой (то есть, вертикальное центрирование) в разных браузерах сводит меня с ума.Ниже приведен стандартный HTML-код: 

<label for="ch"><input id="ch" type="checkbox">My Checkbox</label>

Я тестировал различные приемы CSS (например, ссылка 1 , ссылка 2 );большинство решений отлично работает в FF, но полностью отключены в Chrome или IE8.

Я ищу любые ссылки или указатели для решения этой проблемы.Заранее спасибо.

РЕДАКТИРОВАТЬ

По предложению Elq я изменил HTML 

<div class="row">
<input type="checkbox" id="ch1" />
<label for="ch1">Test</label>
</div>

и CSS 

.row{
  display: table-row;
}

label{
  display: table-cell;
  vertical-align: middle;
}

Работает теперь в Firefox, Internet Explorer 8 и Chrome в Windows.Сбои в Firefox и Chrome в Linux.Также работает в Firefox и Safari на Mac, но не работает в Chrome.

1 Ответ

3 голосов
/ 15 января 2011

Вы пытались установить свои элементы "CSS с" display: table-cell; '? Я использовал этот прием раньше, когда выравнивание было проблемой во всех браузерах.

...