html - 在 HTML/CSS 中强制 2 个表到同一行

Question

我有 2 个表，我试图在相同的 HTML 页面上对齐它们。两个表格的总宽度在 1800px 左右——这是我头疼的原因之一。

我的 CSS 文件的当前状态如下:

.inline
{
    display:inline-table;
    vertical-align:bottom;
}

将此样式应用于两个表格可使它们对齐 - 但仅当显示它们的页面的总宽度大于它们的总宽度时。

我真的需要将这些表强制放在同一行，因为这些信息在任何其他配置中都是无意义的。

我试过使用:

<div width="2000px">[table1][table2]</div>

但运气不好。

理想情况下，表 2(最右边的那个)会调整大小但与表 1 保持在同一行。有什么办法可以实现这一点吗？

预先感谢您的帮助!

Answer 1

您可以在父级上使用空格来强制它们保持在同一行:http://codepen.io/mbrillaud/pen/bNXPgg

div{
    white-space: nowrap;
}

编辑:糟糕，添加了正确的链接