Как создать данную таблицу не используя тег table?
Нужно создать данную таблицу на 2 строчки / 2 колонки, не используя table
Дополнительно:
Сначала нужно ответить на вопрос, насколько у вас сильные аргументы не верстать табличные данные тегами table?
А так: display table или display grid в помощь.
Ответы:
делайте блоками grid, flex
напр. вот
Почитайте о display: table
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для создания таблицы без использования тега table в HTML можно воспользоваться стилями CSS и элементами div. Ниже приведен пример кода на PHP, который создает таблицу с тремя колонками и двумя строками:
<div> <div style="flex: 1;border: 1px solid black;padding: 5px">Заголовок 1</div> <div style="flex: 1;border: 1px solid black;padding: 5px">Заголовок 2</div> <div style="flex: 1;border: 1px solid black;padding: 5px">Заголовок 3</div> </div> <div> <div style="flex: 1;border: 1px solid black;padding: 5px">Ячейка 1</div> <div style="flex: 1;border: 1px solid black;padding: 5px">Ячейка 2</div> <div style="flex: 1;border: 1px solid black;padding: 5px">Ячейка 3</div> </div> <div> <div style="flex: 1;border: 1px solid black;padding: 5px">Ячейка 4</div> <div style="flex: 1;border: 1px solid black;padding: 5px">Ячейка 5</div> <div style="flex: 1;border: 1px solid black;padding: 5px">Ячейка 6</div> </div>
В данном примере используется свойство flex для создания гибкой сетки, которая позволяет равномерно распределить элементы внутри контейнера. Каждая колонка таблицы представлена как отдельный div с заданными стилями, включая границы и отступы. Таким образом, можно создать таблицу без использования тега table, что может быть полезно в определенных ситуациях, например, для создания адаптивного дизайна или для управления расположением элементов на странице.