0

メニューテキストを真ん中に配置しようとしています。これまでのところ運が悪く、ここの人々は非常に役に立ちました. :) text align center は通常、ここで出てきたほとんどの質問に役立ちます。しかし、私を助けませんでした。私は何を間違っていますか？

<header>
<div id="navmenu">
<ul>
<li><a href="<?php echo get_settings('home'); ?>">Home</a></li>
<li><a href="http://www.wordpress.org">Contact Us</a></li>
</ul>
</div>
</header>

#navmenu {
    margin-left:auto;
    margin-right:auto;
    height:60px;
    width:836px;
}
#navmenu ul {
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
    list-style-image: none;
}
#navmenu li {
    display: inline-block;
    margin-left:1px;
    background-color:#3D3D3D;
    width:49%;
    height:40px;
    color:#FFF
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
}
4

4 に答える 4

0

私はすぐに、CSS ファイルの 1 つからこのスニペットを取り出しました。

これは、右上隅のナビゲーション バーを作成するために使用されました。

ul {
    position: absolute;
    top: 20px;
    right: 35px;

}

ul li {
    display: inline;
    text-transform: lowercase;
    text-align: right;
    padding-left: 10px;
}

それが役立つことを願っています

于 2013-08-06T04:08:57.960 に答える
0

メニュー コンテナ全体を中央に配置する場合は、position:relative を使用してから、margin:auto プロパティを適用します。個々のリンクを中央に配置する必要がある場合は、ブロックであるため、 width と text-align center を指定すると確実に機能することを願っています。そうでない場合は、いつでも padding-left と padding-right を使用してそれを実現できます。ただし、メニュー項目の幅は内容に応じて調整されます。もう1つ、パーセンテージの代わりにピクセルを指定して確認してください。これがお役に立てば幸いです。

于 2013-08-06T04:29:38.117 に答える