html - 将表格单元格强制到新行

Question

我有一个标准表格，其中单元格在同一行中从左到右显示，但我想强制第三个单元格出现在新行上。是否有 CSS 调整可以做到这一点？

<table><tr>
<td class="col-1">One</td>
<td class="col-2">Two</td>
<td class="col-3">Three</td>
<td class="col-4">Four</td>
</tr></table>

这显示为:一二三四

我可以这样强制第三列显示在新行上吗:

One Two
Three Four

Answer 1

不太清楚为什么你不让它成为一个新行，但我想如果你不得不使用 CSS，你可以做这样的事情:

table tr td {
  display: block;
  width: 50%;
  box-sizing: border-box;
  float: left;
}

JSFiddle