將表列拆分成行

Question

如何將html表列拆分成行？ 可以說我有這樣的

Hello|World 
One|Two|Three 

HTML表格，我想所有列摺疊成一行響應。它可以用CSS來完成嗎？

Hello 
World 
One 
Two 
Three 

Answer 1

您需要在媒體查詢中從浮動更改爲顯示塊。

@media (max-width: 400px) { 
td { 
    float:none; 
    display:block; 
} 
} 

顯然，改變你的max-width到任何你喜歡的。

你基本上是告訴你CSS，當在某個分辨率所顯示的頁面，在這種情況下400px，然後更改屬性從td到float:none，並display:block;

希望這有助於:)