我更喜欢使用 CSS 方法来使用表格。
我在水平行上有六个按钮。按钮分组如下：
button1 button2 button3 button4 button5 button6
左边的两个按钮在左边距，彼此靠近但不接触。
第三个按钮位于中间——不必完全居中，只需分开即可。
右边的三个按钮在右边距上组合在一起，也没有相互接触。
调整页面大小时，左侧的两个按钮保持在左侧，而右侧的三个按钮随着页面的右边缘来回滑动。
这必须在 IE7 中工作。
编辑：如果您像我一样，正在为“布局表与 CSS”问题而苦苦挣扎，请查看 this SO question。超过 600 人点赞。
【问题讨论】：
IME，您应该使用一排或两排的表格。这种东西，是很常见的需求，用 CSS 也是一个巨大的皮塔。你可以花几天时间。而且，这一次不是 IE 的缺点。所以，在这种情况下，我只会向不可避免的情况低头并使用一张小桌子。正如我所说，恕我直言。
--皮特
【讨论】：
更新答案：
没有表格我能做的最好的事情是this。
详情：
div 和 ul/li 作为按钮列表缺点：
*display: inline)，但你已经拥有了。float: right 而我不知道在保留的同时修复它的方法齐平右对齐【讨论】：
三年后，这仍然困扰着我。我想出的最好的 CSS 解决方案就是这个。它仍在使用表格，但使用了 CSS。而且做一些样式更容易——我们可以在表格级别而不是单元格级别设置表格单元格文本对齐方式。
这在调整屏幕大小时表现良好。
为了清楚起见，我在这里使用样式属性。
<div style="display:table; width:100%; text-align:center;">
<div style="display:table-row;">
<div style="display:table-cell; width:7%;">button1</div>
<div style="display:table-cell; width:7%;">button2</div>
<div style="display:table-cell; width:65%;">button3</div>
<div style="display:table-cell; width:7%;">button4</div>
<div style="display:table-cell; width:7%;">button5</div>
<div style="display:table-cell; width:7%;">button6</div>
</div>
</div>
【讨论】：