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 を使用してテーブルをシミュレートできます。開始するには、DIV を使用して TABLE をシミュレートする CSS Hellを参照してください。

divを作成したら、説明したファンキーなことを行うことができます.html / cssの調合にjavascriptを混ぜることもできます.

于 2012-05-31T21:09:08.213 に答える
0

最良の方法は、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 は のように動作します。しかし、特定のものが右隅に到達すると、それ自体が新しい行に分割されます。

于 2012-05-31T21:20:53.013 に答える