Я пытаюсь установить свойство button
display
как table-cell
, но он не ведет себя как один.
Любая помощь будет оценена по достоинству.
jsFiddle Demo (Демо содержит фиксированную высоту контейнера, но мне нужно, чтобы она работала без нее).
Без фиксированных размеров Демо.
DOM
<div class="container">
<div class="item"></div>
<div class="item"></div>
<button class="item"></button>
</div>
CSS
.container {
border: 5px solid blue;
display: table;
table-layout: fixed;
}
.item {
border: 3px solid red;
display: table-cell;
}
Результат:
Изменить: Мне нужно, чтобы он работал полностью как ячейка таблицы, даже без фиксированных размеров.
Обратите внимание, что некоторые решения, похоже, отлично работают на Chrome, но не работают с FF.