2

HTML 本体全体に収まる 100% 幅のテーブルがあります。それぞれ<td>の幅は固定されており、合計すると本体の幅を超えています。

HTML:

<table>
        <tr>
            <td>test</td>
            <td>test</td>
            <td>test</td>
            <td>test</td>

etc... etc...

            <td>test</td>
            <td>test</td>
            <td>last one in the line</td>
        </tr>
    </table>

デモ用の簡単な CSS:

table td {
    width: 100px;
    border: solid 1px black;
    white-space: nowrap;
}

JSFiddle の例を次に示します。

問題は、本文をオーバーフローさせて水平スクロールバーを表示する代わりに、テーブルが<td>ドキュメントに合わせてそれぞれの幅を縮小することです。

幅を強制してスクロールバーを表示するにはどうすればよいですか?

4

2 に答える 2

2

以下のように最小幅を使用

table td {min-width: 100px; border: solid 1px black;white-space: nowrap;}
于 2013-11-11T20:46:05.883 に答える