強制表單元格到新行

我有一個標準表，其中的細胞出現左到右在同一行，但我想，迫使第三單元出現在一個新行。是否有一個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

來源

2016-11-12 iantresman

展我們你的CSS，請 –

是否有一個原因，你不能只讓一個新行？ – Santi

http://stackoverflow.com/questions/33202614/how-to-easily-add-remove-cells-from-a-table-shifting-existent-cells –

也不清楚爲什麼你不只是讓一個新行，但我想，如果你有使用CSS，你可以做這樣的事情：

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

JSFiddle

來源

2016-11-12 22:50:08 Santi

這似乎這樣的伎倆，非常感謝！ – iantresman

你可以做一個新行，通過圍繞您td與tr如下

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

希望這會有所幫助！

來源

2016-11-12 22:49:30

不幸的是我的HTML是固定 – iantresman

強制表單元格到新行

回答

相關問題