画面に十分なスペースがある場合、テーブルを並べて配置する

StackOverflow https://stackoverflow.com/questions/402817

  •  03-07-2019
  •  | 
  •  

質問

画面上に並べて配置するのが理想的な2つのHTMLテーブルがあります。ワイドスクリーンモニターはこの罰金に対処しますが、テーブルは幅が広すぎてほとんどの昔ながらのモニターでは並べることができません。したがって、解像度が十分に高い場合にのみ、CSS（または可能であればHTMLのみ）を使用して、テーブルを並べて配置します。

これは通常、画像に対して自動的に機能しますが、テーブルに対してそれを行う方法はありますか？

役に立ちましたか？

解決

はい、CSSスタイルfloat：leftをテーブル要素に適用します

フローティングの優れた入門書は次のとおりです。 http://css.maxdesign.com.au/floatutorial /

他のヒント

テーブルをフロートすることをお勧めします（テーブルの幅を指定することを忘れないでください-ワイドスクリーン以外のモニターでいっぱいになるものを選択してください）。

table {
    width: 500px; /* important */
    float: left;
}

ただし、これも動作する可能性があります（テストなし）：

table {
    display: inline;
}

これを試してください（ウィンドウのサイズを変更できます）： 

<html>
<body bgcolor="red">
<p>
    <table bgcolor="green" style="float: right;">
    <tr>
        <td>sssssssssssssssssssssssssssssssssssssssssss</td>
    </tr>
    </table>

    <table bgcolor="blue" style="float: left;">
    <tr>
        <td>eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</td>
    </tr>
    </table>
</p>
</body>
</html>

-＆gt;

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top