2

tripadvisor 要素が 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 要素を中央に配置するにはどうすればよいですか?

4

2 に答える 2

1

デフォルトでは、要素の幅は 100% であるため、中央に配置することはできません..

これを修正するには、 widthonを設定するだけです。.box

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

jsFiddle デモ

于 2013-09-27T00:51:15.657 に答える
0

HTML に .block05 が表示されません。

text-align を使用できない場合に div 内で div を中央に配置するには、div に明示的な幅を設定し、margin:0 auto; を設定します。

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

これにより、コンテナ要素の範囲内で要素が中央に配置されます。

于 2013-09-27T00:52:31.497 に答える