html - 特定の列への水平スクロールバー

Question

私のテーブルには特定の列があります..最後の5列全体に水平スクロールバーを付けたい..つまり、5列に1つのスクロールバーしかありません..いいえの場合の機能が必要です. の列が増加すると、スクロールバーが表示されます。テーブルには合計 9 列あります。どうすればよいですか? 助けてください。

score 0 · Accepted Answer

overflow-x: scroll;CSSで使用するだけです。

コンテンツが大きすぎる場合でもセルを固定サイズに保ち、このコンテンツが必要な場合にスクロールバーを持たせたい場合は、もう少し複雑です。セルで div を使用したソリューションは次のとおりです。

HTML :

<table border=2 >
<tr>
    <td>AAA</td>
    <td><div class=scr>AAA</div></td>
    <td><div class=scr>AAABAAAAACAAAA</div></td>
</tr>

CSS :

td {
    width:80px;
}
div.scr {
    margin:0;
    padding:0;
    width:80px;
    overflow-x: auto;    
}

1 に答える 1