1

通常、テーブルはその内容に応じてサイズを調整します。ただし、テーブルの適切な幅がウィンドウの幅よりも大きい場合。テーブルはウィンドウの幅に応じて幅を調整し始めているようです。

このテーブルは、その内容に応じて幅を調整できます。

<table border="1">
    <tr>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
    </tr>
</table>

また、このテーブルはウィンドウの幅に応じて幅を調整する場合があり、1つのセルのコンテンツを3行に分割する場合があります。

<table border="1">
    <tr>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
        <td>Blah blah blah.</td>
    </tr>
</table>

テーブルをに含め、 'sをに<div>設定したいのですが、ウィンドウが大きすぎて表示できない場合は、スクロールしてテーブルを表示できます。では、テーブルにウィンドウのサイズを無視させ、その内容に応じてウィンドウのサイズを調整するにはどうすればよいでしょうか。<div>overflowscroll

4

1 に答える 1

5

white-space: nowrap;テーブルセルの内容で使用できます。これにより、それらが分解されるのを防ぐことができます。

これは、スクロール可能なオーバーフローを使用してdivに配置する方法のjsfiddleの例です。

http://jsfiddle.net/VE4sU/17/

于 2013-03-12T08:56:13.337 に答える