Question

我有两个HTML表，理想情况下可以并排放在屏幕上。宽屏显示器将应对这种精细，但桌子太宽，无法在大多数老式显示器上并排。因此，如果分辨率足够高，我想使用css（或者甚至只是HTML，如果可能的话）并排放置表格。

这通常会自动与图像一起使用，但有没有办法为表格执行此操作？

Answer 1

是的，将CSS样式float：left应用于表元素

以下是关于浮动的优秀入门书：http://css.maxdesign.com.au/floatutorial/

Answer 2

我的建议是浮动桌子（记得指定一个桌子宽度 - 在非宽屏幕显示器上选择一个完整的。）

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

然而，这可能也有效（未经测试）：

table {
    display: inline;
}

Answer 3

试试这个（你可以改变窗口的大小）：

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

如果屏幕上有足够的空间，请将桌子并排放置

3 个答案: