0

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

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

4

3 に答える 3

11

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

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

于 2008-12-31T11:51:59.660 に答える
3

私のアドバイスは、テーブルをフロートさせることです（テーブルの幅を指定することを忘れないでください-非ワイドスクリーンモニターでいっぱいになるものを選択してください）。

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

ただし、これも機能する可能性があります（テストされていません）：

table {
    display: inline;
}
于 2008-12-31T11:57:02.737 に答える
0

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

<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>

-->

于 2008-12-31T12:10:58.280 に答える