Html 如何在两列中显示表格

鉴于此，我有以下表格：

<table class="table table-hover table-striped">
     ....
</table>

这个怎么样：

table，tr，td，thead，tbody{display:block！important；}
tr{float:left！重要；宽度：50%！重要；}

1.
2.
3.
4.

最好避免使用表，而是使用div元素。它们更易于设计和维护。

该图书馆是众所周知的，几乎每个网站都使用它！
例如，您还可以定义允许的最小列大小

<div class="row">
  <div class="col-md-4">table_row_1</div>
  <div class="col-md-4">table_row_2</div>
  <div class="col-md-4">table_row_3</div>
  <div class="col-md-4">table_row_4</div>
  <div class="col-md-4">table_row_5</div>
  <div class="col-md-4">table_row_6</div>
</div>

表1第1行
表2第2行
表3第3行
表4第4行
表4第5行
表6第6行

如果要减少列计数，只需将

列md-

增加到6、8等。

---

请参见

表格在调整窗口大小时是否会更改其布局？什么时候增加或减少窗户的高度？是的。我想这样做。理想的解决方案将是下一个：如果窗口小-1列。如果窗口大-两列或三列，窗口的宽度和高度会影响桌子吗？或者只有一个？只有宽度会影响。

<div class="row">
  <div class="col-md-4">table_row_1</div>
  <div class="col-md-4">table_row_2</div>
  <div class="col-md-4">table_row_3</div>
  <div class="col-md-4">table_row_4</div>
  <div class="col-md-4">table_row_5</div>
  <div class="col-md-4">table_row_6</div>
</div>