html - 显示 :table-cell on Firefox (21, OSX 问题)

标签 html css firefox

我在使用 Firefox 21、OS X (10.8 Mountain Lion) 以表格单元格模式显示 DIV 容器时遇到问题。

它在 Chrome/Safari 上完美运行。

您实际上可以在这里查看我的网页:http://staging-new-hp.videonot.es 寻找 #works-with div 及其子元素。

感谢您的帮助!

最佳答案

尝试给祖先正确的 display属性

#works-with {
    display: table;
}

#works-with .logos {
    display: table-row;
}

#works-with .logos .platform {
    display: table-cell;
}

display: table-cell旨在模仿 HTML 表格单元格。你不会随意放置一个 <td></td>在您的内容中间没有正确的表格结构。你也不应该放置 display:table-cell没有正确结构的元素。

关于html - 显示 :table-cell on Firefox (21, OSX 问题),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16972758/

相关文章:

html - 如何从右到左对齐CSS菜单的元素

javascript - 为 JavaScript 变量赋值时出现问题

security - Visual Studio 2013 浏览器链接无法在 Firefox 中正常运行 - 引发异常

javascript - 如何为 FullCalendar 上的 'editable' 属性创建切换按钮

javascript - 使用 javascript 更改 iframe 中的链接

html - Viewport 元标记仅在 Chrome 上禁用 iPad 上的滚动

javascript - 只有 Firefox 类型错误 : "NetworkError when attempting to fetch resource."

html - 无法证明导航中的内容位于 Bootstrap 4 中的品牌名称旁边

html - 我怎样才能使这两个元素不重叠或 "collide"?

css - 使用 CSS 调整 li 元素的大小