Question

我不知道我能改变什么，但就在那时我正在与之合作的一个不会居中，我的html在下面

<div id="footer">
   <p>foo</p>
</div>

我的css在这里，

#footer {
    width: 90%;
    font-size: 16px;
    text-transform: uppercase;
    background: #EBEBEB;
    color: #3B3738;
    padding: 0.3%;

    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    text-align: center;

    margin: 0 auto;
    display:inline-block;
    font-family: 'Dosis', sans-serif;

    font-weight: 300!important;



}

我已经尝试了许多已经提供的解决方案，但他们似乎并没有把它放在中心位置。

经过一些测试，看起来它与这个Jquery脚本https://css-tricks.com/snippets/jquery/jquery-sticky-footer/有关，它将以下样式添加到页脚position: absolute;

编辑：我通过简单地将其添加到css中解决了这个问题，我不确定它为什么会起作用，但确实如此，

left: 0;
right: 0;

Answer 1

使用display:block;代替display:inline-block;。这将解决它

如果您的布局需要使用inline-block，那么我建议您使用flexbox或float。

＆＃13;

#footer {
    width: 90%;
    font-size: 16px;
    text-transform: uppercase;
    background: #EBEBEB;
    color: #3B3738;
    padding: 0.3%;

    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    text-align: center;

    margin: 0 auto;
    display:block;
    font-family: 'Dosis', sans-serif;

    font-weight: 300!important;

}

＆＃13;

<div id="footer">
   <p>foo</p>
</div>

＆＃13;

Answer 2

我认为你只需要给垂直对齐，垂直对齐文字和宽度：100％到全宽，与屏幕宽度相同。

＆＃13;

#footer {
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
    background: #EBEBEB;
    color: #3B3738;
    padding: 0.3%;
    vertical-align:middle;

    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
    text-align: center;

    margin: 0 auto;
    display:block;
    font-family: 'Dosis', sans-serif;

    font-weight: 300!important;

}

＆＃13;

<div id="footer">
   <p>foo</p>
</div>

＆＃13;

Answer 3

如果你想要一个中心对齐元素。使用它

import Cocoa

var url = NSURL(string: "http://finance.yahoo.com/news/tv-news-ces-2017-120931816.html")

if url != nil {

    let task = NSURLSession.sharedSession().dataTaskWithURL(url!, completionHandler: { (data, response, error) -> Void in

        print(data)

        if error == nil {

            var urlContent = NSString(data: data, encoding: NSUTF8StringEncoding) as NSString!

            print(urlContent)

无法获得中心的div

3 个答案: