html - 跨行表格单元格中的按钮不会拉伸(stretch)

Question

首先，我一直在 Google 和论坛中搜索答案，但没有找到，很抱歉，如果之前有人问过，如果您能将我链接到答案，那就太好了。

这是我的问题:我有一个网络计算器，它由一个带有按钮的表格组成。 Here's a link.如果用IE打开会乱七八糟的，别用。我稍后会处理它。在 FF 上，跨行按钮不会上下拉伸(stretch)以覆盖孔单元格，在 Chrome 上它看起来符合预期。我如何让它在 FF 上看起来也不错？提前感谢响应者。

Answer 1

使用 <table> layout 是个坏主意for numerous reasons不需要在这里重新散列。对您来说重要的是 FireFox 显示表格的方式与其他浏览器不同，您将很难用这种方法按您希望的方式布置按钮。

相反，只需放弃表格并绝对定位按钮，或 float 它们。

编辑: float 布局效果很好:

http://jsfiddle.net/gilly3/7rL97/5/

如果您在 chrome 中查看它，JSFiddle 的框架会弄乱显示，但如果您在框架外的 chrome 中查看它，您可以看到它在 chrome 中也能正常工作:http://fiddle.jshell.net/gilly3/7rL97/5/show/