打破html表使其在没有水平滚动条的情况下可见

Question

是否可以在屏幕宽度水平分割表格并在下一行显示左侧标题+数据，以便整个表格在没有水平滚动条的情况下可见？ （或者这可以用这种格式打印表吗？）

示例：

这

col1 col2 col3 col4 col5
------------------------
dat0 dat1 dat2 dat3 dat4
dat5 dat6 dat7 dat8 dat9

到

col1 col2 col3
--------------
dat0 dat1 dat2 
dat5 dat6 dat7

col4 col5
---------
dat3 dat4
dat8 dat9

Answer 1

简短回答：不。

您可以使用div来模拟表格，请参阅CSS Hell simulating TABLE with DIV以开始使用。

一旦你有div，你可以做你描述的时髦的东西，也许混合一些javascript到你的html / css混合。

Answer 2

最好的方法是TABLELESS DESIGN。跟DIV一起去吧

<div id="outercontainer" style="overflow:hidden">

<div id="inner1" style="float:left;">
dat0
dat5
</div>

<div id="inner2" style="float:left;">
dat1
dat6
</div>

....

<div id="innern" style="float:left;">
...
</div>

</div><!--outercontainer-->

现在内部DIV会表现得像。但是一旦一个特定的角落到达了右边角落，它就会自行打破新线。