Сделайте ширину таблицы 100% с помощью остатка заполнения последнего столбца без сдавливания других столбцов.

Question

Можно ли создать таблицу (в которой будет динамически создаваемый текст), например:

ширина таблицы 100% экрана 5 столбцов последний столбец пуст () первые четыре столбца имеют текст, а их ширина является динамической последний столбец является остатком ширины без сжатия текста в первых четырех столбцах

Пока у меня есть это, и оно раздавливает текст, которого я стараюсь избегать:

<table style="width:100%;" border="1">
<tr>
    <td>One Two Three</td>
    <td>Two Three Four</td>
    <td>Three Four Five</td>
    <td>Four Five Six</td>
    <td style="width:100%;">&nbsp;</td>
</tr>
</table>

Я не могу использовать «пробел: сейчас», так как хочу, чтобы текст был перенесен, если текста достаточно.

Редактировать: «Я бы просто хотел, чтобы [первые четыре] столбца были шириной, которой они были бы, если бы я удалил атрибут ширины из тега таблицы. Но все равно таблица должна быть 100% ширины страницы. «

Есть идеи? Решения CSS предпочтительнее!

Answer 1

Похоже, вы хотите, чтобы браузер "разумно" определял, какой ширины должен быть каждый столбец.Вы хотите, чтобы столбцы были обернуты, но вы не хотите, чтобы их ширина была слишком маленькой.Проблема в том, что, когда браузер полностью зависит от браузера, он может произвольно выбирать ширину каждого столбца.10 пикселей?100 пикселей?Конечно, оба будут действительны, если вы не даете браузеру никаких подсказок.

Вы можете попробовать min-width и max-width как компромисс для динамической ширины столбца, но в пределах определенного диапазона.

Если возможно, что столбец может быть очень узким (например, если данные в этом столбце состоят из одного-значные числа), тогда использование только максимальной ширины может быть предпочтительным.