Почему кнопки не выравниваются в вертикально центрированной колонке таблицы?

[borus]

Здравствуйте!

 

Вот подопытный код.

 

Не смотря на 

vertical-align: middle

 у родительского тега <td>, кнопки, регулирующие обновление число товарных позиций в корзине и их удаление, центрируются не понятным для меня образом по вертикали. Скажите, что кнопкам мешает отцентроваться по вертикали в рамках родительского тега <td>?

Edited July 7, 2015 by borus

[antonKar]

Для button

 

vertical-align: middle;

display: inline-block;

[borus]

Для button

 

vertical-align: middle;

display: inline-block;

Благодарю. А почему они наследуют стиль vertical-align от родителя-td?

Edited July 7, 2015 by borus

[antonKar]

А почему они (не?) наследуют стиль vertical-align от родителя-td?

 

 

У элементов с inline-block значение vertical-align по умолчанию baseline, а не inherit.

[BirviZ]

А vertical-align может работать внутри div'a, или только в ячейке таблицы?

[wwt]

А vertical-align может работать внутри div'a, или только в ячейке таблицы?

Если vertical-align указан для ячейки таблицы то он задает вертикальное выравнивание внутри нее. Если же vertical-align задан для строчного элемента, то он задает ему вертикальное виравнивание относительно других строчных элементов. Для блочных элементов vertical-align задавать бессмысленно.