Почему флажки имеют верхний/нижний поля?

Почему это стиль работы:Почему флажки имеют верхний/нижний поля?

input[type=checkbox] { margin-top: 50px; }

, но не так:

span { margin-top: 50px; }

Оба элемента display: inline;, и, насколько я могу собрать, ни inline, ни inline-block элементы не должны иметь вертикальные поля. Однако флажки, похоже, не соответствуют этому правилу ...

источник

2013-04-25 FtDRbwLXw6

Это 'inline-block', а не' inline', и, кроме того, Chrome даже не позволит вам изменить его на 'display: inline', –

@ExplosionPills: Оказывается, Firebug ошибочно сообщает о них как' inline'. – FtDRbwLXw6

Потому что они inline-block элементов как <textarea> или <button> .. вы, безусловно, можете применить все к встроенному блоку, который может быть элементом уровня блока.

источник

2013-04-25 20:47:23 Adrift

А, я вижу. Firebug сообщает, что элемент определенно 'inline'. Интересно, если это ошибка в Firebug. Спасибо за информацию о 'inline-block'. – FtDRbwLXw6

inline-block Элементы на самом деле могут иметь вертикальные поля.

источник

2013-04-25 20:47:15

Почему флажки имеют верхний/нижний поля?

ответ

Смежные вопросы