display: ячейка таблицы не работает на элементе ввода
Я хочу сделать часть формы похожей на электронную таблицу. Есть несколько форм и<table>
таким образом, не является жизнеспособным (хотя я не против, когда вы печатаете семантически табличные данные, как это имеет место).
Поэтому я попытался просто использовать макет CSS2.1 напрямую с элементами ввода формы, например.
<div class="table">
<form class="tbody">
<div class="tr">
<label class="td">Label</label>
<input class="td" name />
<input class="td" name />
</div>
</form>
</div>
Полный пример вскрипка.
Но похожеdisplay:table-cell
не работает на<input>
элементы!
Если вы отметите в Chrome «Computed Style», на дисплее будет «inline-element».
Но я нигде не нашел, почему не должен:
Сеть Mozilla Dev CSS: отображениеW3C CSS 2.1 Рекомендация Модель визуального форматированияРекомендации по таблицам W3CЛюбая идея?
Это звучало намного лучше, чем иметь<div class="cell">
вокруг<input>
а потом нужно поиграть с коробочной моделью, чтобы она выглядела красиво ...