Как я могу сделать таблицу с х строк и у столбцов заполнить окно?

Question

Как я могу сделать таблицу с х строк и у столбцов заполнить окно?

0

Внутри тега тела у меня есть следующий код.

<table style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
<tr>
<td>
<input type="button" value = "cell 1 stuff">
</td>
<td>
<input type = "..." value = "cell 2 stuff">
</td>
... for y columns
</tr>
<tr>
... for x rows
</tr>
</table>

Я попытался добавить атрибуты ширины и высоты к строкам и ячейкам, я пробовал несколько других вещей, в основном из исследования Google, но все мои элементы управления и текст просто группируются в верхнем левом углу экрана. Любая помощь приветствуется!

user1942362 01 дек. 2013, в 10:27

Источник

0

Да, вы должны сообщить html, как высоко: но вы уверены, что хотите таблицу для этого? Стоит взглянуть на спецификацию: w3.org/TR/html5/tabular-data.html Возможно, вы захотите просто хорошие старые div в зависимости от того, что вы делаете.
sheriffderek 01 дек. 2013, в 09:13

Теги:

html

css

html-table

1 ответ

Ещё вопросы

Да, вы должны сообщить html, как высоко: но вы уверены, что хотите таблицу для этого? Стоит взглянуть на спецификацию: w3.org/TR/html5/tabular-data.html Возможно, вы захотите просто хорошие старые div в зависимости от того, что вы делаете.

Danield · Accepted Answer · 2013-12-01T07-09-00.000Z

1) Установите height:100% на элементы html и body и

2) Установите width:100% и height 100% на элемент таблицы.

FIDDLE

html,body
{
    height: 100%;
}
table
{
    position: absolute; top: 0; bottom: 0; left: 0; right: 0;
    width: 100%;
    height:100%;
}

Спасибо, это прекрасно работает. Я особенно ценил скрипку, это большая помощь.