Артём Поликарпов |
Содержимое таблицы не будет влиять на расчёт её ширины, если сказать ей
Я не знаю, какая задача перед вами стоит, но предположу, что если исходное поведение таблиц вас не устраивает, возможно, вам вообще стоит отказаться от таблиц, так как Попробуем разобраться. В «фиксированном» режиме браузер расчитывает ширину колонок на основе значений из первой строки или тегов <col>. Если такие значения получить нельзя, таблица делится на колонки равной ширины. При этом содержимое, выходящее за пределы ячейки, обрезается либо накладывается на следующую ячейку. Для правильной работы этого значения должна быть задана ширина таблицы. В стандартном режиме
| ||||||||||||||||
Указанные значения ширины колонок применяются до тех пор, пока их содержимое не выходит за пределы:
В противном случае невлезающий контент распирает колонку и она отнимает место у других ячеек:
А если отнимать уже нечего, распирает таблицу:
|
Использовать таблицы в стандартном режиме компоновки для модульной сетки опасно — колонки могут непредсказуемо разъехаться. Более того, для расчёта размеров большой таблицы может потребоваться ощутимое время. |
||||||||||||||||
Также в документации сказано, что браузеры могут использовать свои алгоритмы и правила для отрисовки таблиц при значении Ещё один наглядный пример, переключайте
300px
Предлагаю уважаемым советчикам собрать уместные примеры применения разных значений Поздравляю читательниц с 8 Марта |
P. S. |