html页面怎么让两个table并列,html并排多个表格

确保你没有应用任何漂浮到表中(或设置float: none如果继承) ，这不是要使用表格的地方，而是使用css标记的div元素。

有人会说Flexbox是要走的路，它可能是。

另一种方法是使用设置为display: table-cell的div元素，但这些元素有自己的问题，并且不会是我对此布局的建议。

我提供的解决方案可以将您的代码重构为div元素，并具有一些确保其始终能够在各种宽度上看起来不错(允许它以响应大小“弯曲”)的特性。

See the Fiddle Here - 拉伸宽度，您会看到方框宽度受到限制，并且会上下移动以进行调整。

这里的标记：

Title

Body text goes here

Title

Body text goes here

Title