0

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