Question

请在不同浏览器中查看以下链接 http://www.bayaneqalam.com
底部徽标滑块位于Chrome和IE中页面的中心。但它在Firefox的右侧。这是什么问题？
我在这个滑块上使用了 carouFredSel 。

Answer 1

您是否检查过Firebug上的应用样式？ .caroufredsel_wrapper元素中添加了一些内联样式，在某些情况下没有任何意义。

顺便说一下，样式中没有margin: 0 auto; CSS声明。这是我从Firebug得到的东西：

element.style {
    bottom: auto;
    display: block;
    float: none;
    height: 100px;
    left: auto;
    margin: 0;        /* <-- the margins of all 4 aspects have been set to 0  */
    overflow: hidden;
    position: relative;
    right: auto;
    text-align: center;
    top: auto;
    width: 740px;
    z-index: auto;
}

IMO，您可以在CSS文件中的某个位置应用margin，并确保它覆盖内联样式，如下所示：

.caroufredsel_wrapper {
    margin: 0 auto !important;
}

css margin：0 auto在firefox中不起作用

1 个答案: