Question

我有以下问题，即tripadviser元素不在div的中心：

HTML

<div class="box">
   <div class="center">
      <div id="TA_rated652" class="TA_rated">
         <ul id="aZ2UznGh" class="TA_links ztx26p">
            <li id="FyjgLOVkx" class="tmeRQwSrMol"><a href="http://www.tripadvisor.de/Attraction_Review-g293918-d1942956-Reviews-The_Dive_Academy-Koh_Samui_Surat_Thani_Province.html" class="center">The Dive Academy</a></li>
         </ul>
      </div>
      <script src="http://www.jscache.com/wejs?wtype=rated&amp;uniq=652&amp;locationId=1942956&amp;lang=de"></script>
   </div>
</div>

CSS

.block05 .center { 
    display:block;
    margin-left:auto;
    text-align:center;
 }

我如何将tripadvisor元素集中在一起？

Answer 1

默认情况下，元素的宽度为100％，因此您无法将其居中..

您只需在width上设置.box即可解决此问题。

.box {
    margin: 0px auto;
    width: 170px;
}

jsFiddle demo

Answer 2

我在HTML中看不到.block05。

当使用text-align不是一个选项时，要在div中居中div，可以在div上设置显式宽度并设置margin：0 auto;

.element{
    width:300px;
    margin:0 auto;
}

这会将元素置于其容器元素的范围内。

中心元素与类

2 个答案: