4

私は以下の特有の問題を抱えています。コードスニペットから始めましょう:

...
<td>
   <div class="scrollable">...</div>
   ...other cell content...
</td>
...

div.scrollableここで、テーブルを水平方向のスペースをとらないようにレンダリングします(つまりdiv.scrollable、テーブルの右側を押さないようにします)が、水平方向のスクロールバー(div.scrollableセル全体ではなく、セル全体)を表示しdiv.scrollableます。含まれているセルよりも幅が広い。CSS経由でそれを行うことは可能ですか?

ありがとう!

4

2 に答える 2

12

基本的な例を使用すると、 tdand を使用するために and に設定幅が必要になる可能性があります。は CSS3 のみですが、IE8 以下を指定していません。overflowoverflow-yoverflow-y

編集申し訳ありませんがdisplay:block;td

td { display: block; width: 50px; } 
.scrollable { overflow: scroll; overflow-y:hidden; }

更新: jsfiddle の例を参照してください。テーブルの幅が 100% で、レイアウトが固定されていることに注意してください。 http://jsfiddle.net/MMeTe/4/

于 2013-01-24T00:56:55.187 に答える