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

标签 html css firefox

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

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

最佳答案

使用 <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/

关于html - 跨行表格单元格中的按钮不会拉伸(stretch),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11607484/

相关文章:

html - firefox 图片显示问题

javascript - Firefox 尝试在按 Enter 键时将表单发送到同一页面,但没有在表单标记中定义目标

image - chrome 和 firefox 中的图像损坏在 safari 中正常工作

javascript - 这个脚本标签是什么?

javascript - 在隐藏的 div 中滑动

css - 为手机加载不同的 CSS(但不适用于平板电脑)

html - 使用 css 撤消滚动条样式

javascript - 为什么我的游戏在 Firefox 中那么慢?

html - 表格单元格渐变填充问题

html - float :right element not inline with float:left element