Question

    #searchInput {
    width: 50% !important;
    height: 50% !important;
    display: block;
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    color: #FF7F27;
    top: -300px !important;
    left: 100px !important;
    background: transparent;
    font-size: 85%;

我在main.css中为mediawiki中的monobook皮肤做这个。出于某种原因，main.css忽略了我的!important，因为它仍然没有以div为中心。我的代码一直被忽略，我做错了什么？我怎样才能解决这个问题？我不是问如何居中。我问为什么我的div代码被忽略了，即使它是正确的。

Answer 1

从技术上讲，这个div已经居中，因为宽度是100％......

我们需要在这里看到更大的图片，因为可能这个div在其他内容中，这会促使您尝试使用!important覆盖所述div的css？

这是你应该做的事情：

 body {width: 100%}
 #searchInput {width:50%; margin: 0 auto; display: block;}

最终会在页面上显示居中的#searchInput div ...

http://jsfiddle.net/ndmdpd69/

为什么没有应用！important属性？

1 个答案: