html - 中心容器

Question

我正在为某人做前端设计，但我无权访问 css 文件或类，所以我看不出是什么导致容器左对齐。

我希望容器在屏幕上居中。什么是最好的方法？我尝试用 text-align: center !important; 包装 div 但没有用。

<div class="portlet-content">
  <div class="portlet-content-container">
    <div class="portlet-body">
      <div>
        <div class="container">
          <div class="biography-view">
            <div class="biography-item col-md-6">
              <div style="border-style:none">
                <div class="biographyimage" style="background-image:url(http://www.math.uni-frankfurt.de/~person/_4170854.jpg);">&nbsp;</div>

                <div class="caption biography-profile">
                  <div class="biography-profile-content">
                    <h3 class="full-name">Name</h3>

                    <p class="person-title">Company Name</p>

                    <p class="person-title"><strong>Person Title</strong></p>

                    <div class="person-biography">Biography</div>

                    <div class="person-biography collapse" id="readmore">More Person Info</div>
                    <a class="read_more" data-target="#readmore" data-toggle="collapse">Read More</a></div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

Answer 1

在容器的 CSS block 中，您可以按如下方式将其居中:

margin-left: auto;
margin-right: auto;