2

首先，我一直在谷歌和论坛中寻找答案，但没有找到，对不起，如果之前有人问过，如果你能把我链接到答案，那就太好了。

这是我的问题：我有一个由带有按钮的表格组成的网络计算器。这是一个链接。如果你用IE打开它会一团糟，所以不要。我稍后会处理它。在 FF 上，跨行按钮不会向上和向下伸展以覆盖孔单元，在 Chrome 上它看起来像预期的那样。如何让它在 FF 上也看起来不错？提前致谢。

4

3 回答 3

1

由于许多不需要在这里重新散列的原因，使用<table>for布局是一个坏主意。对您来说重要的是，FireFox 以不同于其他浏览器的方式显示表格，并且您将很难使用这种方法来布置您想要的按钮。

相反，只需放弃桌子并绝对定位按钮，或浮动它们。

编辑：浮动布局效果很好：

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

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

于 2012-07-23T06:44:04.997 回答
0

阅读此内容并尝试添加填充

padding: 18px 6px;

填充将拉伸您的按钮

于 2012-07-23T06:52:07.773 回答
0

@yekhezkel gilly3 可能是对的。但我找到了解决您问题的方法。它适用于 Firefox 和 chrome。我没有在IE中测试过。

step1：fix向所有td包含rowspan=2. 它应该看起来像这样。

<td rowspan="2" class="fix">
   <button onclick="modifyInout('+')">+</button>
</td>

fixStep2：为类添加以下css

.fix {  
   height: 70px;  /* double the value of td height you specified earlier */
}

让我知道它是否有帮助。

这是jsFiddle：（在 firefox 或其他浏览器中打开以测试它。）

问候 ：）

于 2012-07-23T06:58:24.230 回答