【问题标题】:CSS - UL LI navigation with display:table-cell and IECSS - UL LI 导航与显示:table-cell 和 IE
【发布时间】:2013-06-19 12:29:59
【问题描述】:

我在 IE9-10 中的菜单有问题。在任何其他浏览器中,元素之间的空间是相等的。但在 IE 中,它显示每个项目的固定宽度。如果我将table-layout:fixed 指定为<nav> 标记,则在其他浏览器中的行为将相同,但我尝试指定table-layout:auto 没有成功。

这里是小提琴:http://jsfiddle.net/UcuBt/

有什么办法可以解决吗?谢谢

更新 Opera 12.15 中的相同问题

【问题讨论】:

    标签: css internet-explorer opera


    【解决方案1】:

    删除 width:1%;table-cell 项目,然后在 IE 中它们将占用所需的空间并且不再是单元格。

    如果那是你的问题:)

    【讨论】:

    • 我试图删除它,但我没有固定宽度,而是遇到了另一个问题 - 项目折叠。你可以看到它显示它们的方式与其他浏览器的不同
    • 太糟糕了,CC 不适用于 IE10 !
    • 你可以试试 display:table with CC for IE9 and lower and display:flex include prefixe for IE10 ...
    • conditionnal 评论,过滤 IE 的版本直到 9 。 css-tricks.com/using-flexbox
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-27
    • 2012-03-01
    • 2015-10-21
    • 2018-05-17
    • 1970-01-01
    • 2014-02-18
    相关资源
    最近更新 更多