CSS display table

CSS-свойство display: table и другие, делают вывод группы элементов подобно таблице <table>, но с ограничением – объединения ячеек colspan и rowspan не поддерживаются.

Полный список свойств и тегов, которые они заменяют:

display: table; <table>
display: inline-table; <table> но с display: inline-block
display: table-caption; <caption>
display: table-column-group; <colgroup>
display: table-column; <col>
display: table-header-group; <thead>
display: table-row-group; <tbody>
display: table-footer-group; <tfoot>
display: table-row; <tr>
display: table-cell; <td> или <th>
13.08.2019 , обновлено 19.03.2020
Предыдущая запись Колоночные шаблоны

Комментарии 1

Дмитрий Степанович Дмитрий Степанович
2 мая 2020 в 19:18
0
Привет. Прочитал вашу статью в надежде найти ответ на свой вопрос. Нужно сверстать таблицу на div-ах, но не могу выставить ширину колонок. У Вас в примере последнем, где выставляется ширина:
<div class="table-colgroup">
<div class="table-col" width="10%"></div>
<div class="table-col" width="30%"></div>
<div class="table-col" width="30%"></div>
<div class="table-col" width="30%"></div>
</div>
тоже колонки не принимают нужные ширины в 10, 30, 30 и 30%. Или я что-то не правильно понимаю?

, чтобы добавить комментарий.

Другие публикации

Шахматное поле на CSS
Приемы как сделать шахматную сетку на псевдо-свойстве :nth-child().
15.11.2018
5458
0
Одна рамка между блоками
Несколько вариантов как схлопнуть (объединить) границы у рядом стоящих блоков.
04.02.2020
743
0
Вывод массива колонками
Несколько примеров как вывести одномерный PHP-массив в виде таблицы, плиток и списком в несколько колонок. Имеем массив городов...
20.05.2020
328
0
Мануал по созданию и форматированию excel файлов в PHPExcel
К сожалению разработчики прекратили поддержку и разработку проекта, но PHPExcel все равно остается популярной...
12.06.2019
17944
+6
Генерация счета на оплату PDF PHP
С помощью расширения dompdf можно легко сформировать PDF файл. По сути, dompdf - это конвертер HTML в PDF который...
16.02.2018
19052
+8
Создание товарной накладной в PHPExcel
Пример, как сформировать товарную накладную с помощью библиотеки PHPExcel. В результате получится файл в формате xlsx...
27.01.2017
8405
+3