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块中，您可以按如下方式对其进行居中：

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

Answer 2

根据css特异性使用内嵌样式<div class="portlet-content" style="text-align:center;">或您的内容mozila MDN

中心集装箱

2 个答案: