Есть ли способ использовать HTML / CSS (с относительными размерами), чтобы строка ячеек растягивала всю ширину таблицы, в которой она содержится?
Ячейки должны быть одинаковой ширины, а размер внешней таблицы также должен быть динамическим <table width="100%">
.
В настоящее время, если я не указываю фиксированный размер; размер ячеек автоматически изменяется в соответствии с их содержимым.
html
css
html-table
йогибир
источник
источник
word-wrap:break-word
исправит эту проблему, как я только что обнаружилПросто используйте процентную ширину и фиксированный макет таблицы :
с участием
Фиксированный макет таблицы важен, поскольку в противном случае браузер будет регулировать ширину по своему усмотрению, если содержимое не подходит, то есть ширина в противном случае является предложением, а не правилом без фиксированного макета таблицы.
Очевидно, настройте CSS в соответствии с вашими обстоятельствами, что обычно означает применение стиля только к таблицам с заданным классом или, возможно, с заданным идентификатором.
источник
td
потому что у вас может быть динамическое количество столбцов ... и он работает без него.Использование в
table-layout: fixed
качестве собственностиtable
иwidth: calc(100%/3);
дляtd
( предполагается , что в 3td
«s ). Если эти два свойства установлены, ячейки таблицы будут одинакового размера.Обратитесь к демонстрации .
источник