我有一张桌子。一些单元格跨越多列。一些单元格跨越多行和多列。但是一行（跨越所有列但最右边的列）会创建一个工件。单元格中的部分文本在表格正下方的新行上错误地重复左对齐。我很困惑。
我尝试使用和不使用“table-layout：fixed;”进行渲染。结果相同。
当我最初使用HTML和CSS编写设计时，它看起来很棒。但后来我把它放到了一个页面中，不得不在我的主表中添加更多列来保存按钮。这些按钮分为三组，每组都有自己的div来控制窗口变窄时的浮动和重新包装。一个div里面有另一个表，它组合了一行按钮。因此我在外表内的td里面有div表。
我更喜欢更简单的设计，但如何？这就是我想要的：
...................................................................................
. . .
. Four rows of data . Three groups of buttons that can reflow .
. With several columns . if window gets narrower .
. meticulously layed out, . .
. That should not resize . .
. when window gets narrower . .
...................................................................................
. One more row of data spanning the whole screen which stays below the buttons .
...................................................................................
我正在做的是将带有按钮的三个div放在一个跨越四行的单个单元格中。 CSS提供了哪些其他机会？这些按钮不允许与左侧的数据重叠或超过下面的数据行。
原始设计的div中的按钮不在带有数据的表中，但是当窗口变窄时，一些按钮会流动，使得它们位于数据下方，看起来很糟糕。
我会发布实际的HTML，除了它是由ASP生成的，庞大的，具有大量的CSS样式，以及让我查看最终HTML的功能目前不起作用。 （内置于应用程序的安全性中。）
答案 0 :(得分：0)
你必须使用桌子吗？我会创建一个内部有多个div的单个容器div来保存你的内容。然后，您可以使用浮动定位div并定义您喜欢的宽度。除非您使用z-index作为CSS样式，否则元素不应重叠？
如果必须使用表格，您可以定义表格宽度吗？
如果可以，请发布截屏。