html - テーブルのオーバーフローの処理

Question

この非常に単純な例のようなテーブルがある場合：

table {
    table-layout:fixed;
    width:300px;
}

.td1 {
    width:100px;
}
.td2 {
    width:200px;
}

そして、私の1つには、たとえばで.td2の画像が含まれています。ユーザーがスクロールしてすべてを表示できるように、スクロールバーを表示したいと思います。しかし、これは不可能だと思いますよね？300pxwidth

だから私の質問は：

hiddenテーブルのオーバーフローを処理する以外に他のオプションはありますか？
コンテンツが設定された幅を超えた場合にのみスクロールバーを表示することはできますか？（私はいくつかのフォーラムソフトウェアでそれを見たことがあると誓いますが、どれを思い出せません）

score 4 · Accepted Answer

どうですか

overflow: auto

コンテンツはクリップされ、スクロールは必要な場合にのみ追加されます。

テーブルセルのdiv内に画像を配置し、divの幅と高さをtdの100％にして、オーバーフローするようにスタイルを設定します：auto

<style>
.test { width: 100%; height: 100%; overflow: auto; } 
</style>

<td>
<div class="test">
your image
</div>
</td>

1 に答える 1