Дисплей: таблица-ячейка не находится в очереди

Question

Просто интересно, почему контейнеры здесь не выстраиваются в линию. Может ли кто-нибудь помочь? Спасибо.

http://codepen.io/anon/pen/jpmtz

Answer 1

Если добавить

.column { vertical-align: top; } 

тогда он будет выстраиваться его на вершине. Это не будет выстроено внизу, потому что они имеют разную высоту. Если вы сделаете высоту одинаковой с вертикальной выровненностью: сверху, все будет хорошо выстроено.

Answer 2

они делают, это просто, что вы стиль внутри элемента, а не один, как экран отображается табличной-клетка;

Установка вертикального выравнивания в колонке или даже фон: http://codepen.io/gcyrillus/pen/FCltm

Answer 3

Они, по сути, выстраиваются вертикально. Поскольку заголовки (h3 по сравнению с h4) имеют шрифты разного размера, и есть 0 дополнений или полей, верхний край падает.

Попробуйте изменить поле «последние сообщения» на h1 (с h4), и вы выстроитесь снова, и, надеюсь, это покажет вам ответ.

Answer 4

Попробуйте это:

.column { display: table-cell; vertical-align: top; } 

Demo.

Answer 5

это происходит потому, что две соседние ячейки вы используете с различным размером заголовка и вашего выравниванием центр ... для второй ячейки делают align:top;