web-dev-qa-db-ja.com

CSS text-align：center;働いていない

私は次のHTMLを持っています：

<div id="footer">
    <ul id="menu-utility-navigation" class="links clearfix">
        <li class="menu-685 menu-site_map first">Site Map
        </li>
        <li class="menu-686 menu-privacy_policy">Privacy Policy
        </li>
        <li class="menu-687 menu-terms___conditions">Terms &amp; Conditions
        </li>
        <li class="menu-688 menu-contact_us last">Contact Us
        </li>
    </ul>
</div>

次のCSSを使用します。

div#footer {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

スタイルが機能しているかどうかを確認するために、フォントサイズのビットを投入しました（Firebugは機能していると報告していますが、見たかったのです）。動いています。しかし、テキストはFirefoxまたはSafariのフッターの中央に配置されません（IEでまだチェックしていません）。

私はマージンありとなしで試しました：0 auto;そして、テキスト整列の有無にかかわらず：中央;それらの組み合わせは機能しませんでした。

firebugからの出力は次のとおりです。

div#footer {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

Inherited fromdiv#page
#skip-to-nav, #page {
    line-height: 1.5em;
}

Inherited frombody.html
body {
    color: #666666;
    font-family: verdana,arial,sans-serif;
}

助けて？

csstext-align
36
RJ Cole

すべてのアイテムを隣同士に置き、全体を水平方向に中央揃えする必要があると思います。

li要素はdisplay: blockデフォルトでは、すべての水平スペースを占有します。

追加

div#footer ul li { display: inline }

それを行ったら、おそらくリストの箇条書きを取り除きたいでしょう：

div#footer ul { list-style-type: none; padding: 0px; margin: 0px }
31
Pekka 웃

リスト項目内のテキストを中央に配置するには、次を試してください。

ul#menu-utility-navigation {
  width: 100%;
}

ul#menu-utility-navigation li {
  text-align: center;
}
5
Jits

インラインブロック要素をその親の中央に水平に揃えるには、text-align:centerその親に。

5
DanKodi

これは私のために働いた：

  e.Row.Cells["cell no "].HorizontalAlign = HorizontalAlign.Center;

しかし、'css text-align = center '私のために働いていませんでした

それがあなたを助けることを願っています

0
smita