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

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

  •  03-07-2019
  •  | 
  •  

题

我有两个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