将表列折叠成行

Question

如何将html表列折叠成行？ 假设我有一个像这样的html表

Hello|World
One|Two|Three

我希望所有列都折叠成行以进行响应。可以用CSS完成吗？

Hello
World
One
Two
Three

Answer 1

您需要在媒体查询中从浮动更改为显示块。

max-width

显然，将您的CSS更改为您喜欢的任何内容。

您基本上告诉您400px当以特定分辨率显示网页时，在这种情况下td，然后将属性从float:none更改为display:block;和{{1}}

希望这有帮助:)