无论如何都强制向左浮动，没有换行符答案

【问题标题】：Force float left with no line break no matter what无论如何都强制向左浮动，没有换行符
【发布时间】：2011-02-03 02:48:03
【问题描述】：

我猜这是不可能的，但是就这样吧。

我有两张桌子，我试图让它们并排坐着，这样它们看起来就像一张桌子。这样做的原因是，出于缓存和 AJAX 获取数据等性能原因，第二个表中的数据需要基于列而不是基于行来处理，而不是使用一个更大的表。因此，我决定不必为单个列重新加载整个表，而是决定将列拆分为一个单独的表，但让它在视觉上看起来像一个表。

我找不到强制将第二张桌子放在第一张桌子旁边的方法。我可以浮动它们，但是当第一张桌子太宽时，第二张桌子会中断到下一行。这是踢球者：第一个表的宽度是动态的。所以我不能只为他们的容器设置一个巨大的宽度。好吧，我可以设置一个很大的宽度，比如 1000%，但是我有一个巨大的丑陋的水平滚动条。

那么有没有办法告诉第二张桌子“不管怎样，请保持在同一条线上！请在前一个元素旁边排队！”

【问题讨论】：

【解决方案1】：

将您的两个表格放在另一个表格中，其中包含一行和两个单元格。不优雅或“现代”，但它会起作用。

【讨论】：

【解决方案2】：

如果你的桌子是一张桌子，你应该坚持一张桌子。

您正在尝试通过使用不同的文档结构来解决数据操作问题。

使用 jquery 等库提供的 DOM 导航工具为每列使用不同的类，访问要更新的单元格或列应该没有任何问题。

我不会走你选择的路线。

【讨论】：

【解决方案3】：

这个怎么样：

<div>
<div class=lspacer>
<table1>
</table1>
</div>
<div class=rspacer>
<table2>
</table2>
</div>
</div>

然后，对于 lspacer，您可以将其清除到左侧，对于 rspacer，您可以将其清除到右侧。另外，您指定宽度。

【讨论】：