Question

为什么我的保证金权利＆amp; margin-left为.banner-logo-content类设置为auto而不是以div为中心？

这是我的CSS

@import 'bootstrap';

.navbar {
    border-radius: 0px;
    font-size: 16px;
    padding-left: 150px;
    padding-right: 150px;
    margin: 0px;
    background-color: white;
}

.navbar-default .navbar-nav > li > a {
    color: #f0ad4e
}

.navbar-brand {
    font-size: 22px;
}

.navbar-default .navbar-brand {
    color: #f0ad4e;
}

.banner-home {
    height: 400px;
    background-color: #f0ad4e;
    padding: 100px;
}

.banner-logo-container {
    width: 1170px;
    margin: 30px;
    border: 1px solid;
}

.banner-logo-content {
    margin-right: auto;
    margin-left: auto;
    border: 1px solid;
    font-size: 108px;
    color: white;
}

这是我的页面：

<div class="banner-home">
      <div class="col-md-12">
        <div class="banner-logo-container">  
          <span class="banner-logo-content">E!</span>
        </div>
        <div class="banner-text">
          <p>Crowdsourcing Scientific Innovation</p>
        </div>
      </div>
</div>

Answer 1

在text-align:center

的CSS中添加.banner-logo-content

http://jsfiddle.net/2b8Hs/1/

Answer 2

你应该参考这篇文章来理解它为什么不起作用：

Why margin:auto doesn't work?

Div / class不会水平对齐

2 个答案: