2

是否可以在屏幕宽度处水平打断表格并在下一行显示左标题+数据,以便整个表格在没有水平滚动条的情况下可见?(或者可以用这种格式打印表格吗?)

例子:

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
4

2 回答 2

1

简短的回答:不。

您可以使用 div 模拟表格,请参阅CSS Hell simulating TABLE with DIV以帮助您入门。

一旦你有了 div,你就可以做你描述的时髦的东西,也许在你的 html/css 混合物中混入一些 javascript。

于 2012-05-31T21:09:08.213 回答
0

最好的方法是无表设计。只需使用 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 的行为类似于 . 但是一旦一个特定的到达右边的角落,它就会将自己打破到新的线。

于 2012-05-31T21:20:53.013 回答