-1

奇妙な理由で、私text-align: center;は働いていません。HTMLと開発者の両方にとって最も基本的なことなので、私はちょっと恥ずかしいです...私はひどい間違ったことをしなければならず、私の間違いを見ないでください。このtext-alignオプションはFirebugにも表示されません。

誰かがここで私を助けてくれますか?

HTML:

<div id="main-menu">
    <ul id="main-menu-links" class="links clearfix">
       <li class="menu-286 first active">
          <a class="active" title="" href="/dashboard">Dashboard</a>
       </li>
       <li class="menu-194">
         <a href="Organisation">Organisation</a>
       </li>
    </ul>
</div>

CSS :(text-align: center各セレクターに配置しようとしましたが、結果がありません...)

div#main-menu {
    background-color: #c4d82d;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

div#main-menu ul {
    padding: 0px;
}

div#main-menu li{
    border-right: 1px solid #86a43f;
    width: 186px;
}

div#main-menu li.last{
    border: none;
}

div#main-menu a, div#main-menu a.active {
    background: none;
    text-shadow: none;
}

div#main-menu a:hover {
    background: none;
    font-style: italic;
}
4

3 に答える 3

3

<ul>...</ul>要素を:http <div id="main-menu">//jsfiddle.net/6bBK5/でラップすると、意図したとおりに機能します。

正しいセレクターを使用していることを確認してください。IDは大文字と小文字が区別され、セレクター内のスペースは重要です。

于 2012-01-14T14:08:35.013 に答える
1
<div>
    <span>
        <ul>
              <li>Here is the centered Title!</li>
        </ul>
    </span>
</div>

CSS

ul {text-align: center;}
li {display:inline; padding:0 10px 0 0}
于 2012-01-14T14:11:15.593 に答える
0

だから、働いています:

div#main-menu li{
    border-right: 1px solid #86a43f;
    width: 186px;
    text-align:center;
}
于 2012-01-14T14:16:03.033 に答える