Хорошо, при разработке сайта я наткнулся на мысль... У меня есть несколько частей моего сайта, которые лучше подходят для работы в качестве таблицы, но не являются табличными данными. По какой-то причине это действительно заставляет меня использовать таблицу для чего-то, что не является таблицей. Поэтому я отметил параметры отображения CSS, но я не могу заставить его работать правильно. Вот что я пытаюсь. В чем проблема?
<div class="table">
<div class="tr">
<div class="td">Row 1, Cell 1</div>
<div class="td">Row 1, Cell 2</div>
<div class="td">Row 1, Cell 3</div>
</div>
<div class="tr">
<div class="td">Row 2, Cell 1</div>
<div class="td">Row 2, Cell 2</div>
<div class="td">Row 2, Cell 3</div>
</div>
</div>
Вот как выглядит CSS.
div.table {border: 1px solid black; display: table; }
div.tr {border: 1px solid black; display: table-row; }
div.td {border: 1px solid black; display: table-cell; }
Я хотел бы, чтобы страница выглядела так, как будто была использована таблица, но все "ячейки" переходят в новую строку. Любые мысли?