将表列拆分成行

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;

希望这有助于:)