0

わかった。この問題を検討する貴重な時間を割いていただきありがとうございます。

基本的に、画面上部のナビゲーションバーに使用する「div」があります。これはシンプルなナビゲーションバーで、幅が80％の「div」で、ホバーすると色が変わるテキストが表示されます。

私が抱えている問題は、テキストは自動的に「div」の上部から始まります。中央に配置したいと思います。マージン、パディング、フロート、「div」内の「div」などを試しました。

ナビゲーションバーのコードをここに投稿します。修正方法を知っている場合は、お知らせください。

ありがとう

HTMLコード：

<div class="header">
            <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Repairs</a></li>
                <li><a href="#">Tune up/ Viruses</a></li>
                <li><a href="#">System Builds</a></li>
                <li><a href="#">Cables</a></li>
                <li><a href="#">Contact us</a></li>
                <li><a href="#">Find us</a></li>
                <li><a href="#">Links</a></li>
               <!-- <li><a href="/"><img src="facebook.png"></a></li>   -->
            </ul>
    </div>

CSSコード：

.header ul { margin:0px;}
        div.header
        {
            width: 80%;
            height: 40px;
            margin-top: none;
            margin-bottom: none;
            margin-left: auto;
            margin-right: auto;
            border-top: none;
            border-left: none;
            border-right: none;
            border-bottom: none;
            background-color:  #575757;
        }
        li
        {
            display: inline;
            font-family: 'open sans,' arial;
            padding-right: 10px;
            padding-top: 10px;
            margin-left: 10px;
            font-size: 20px;
        }
        li a 
        {
            text-decoration: none;
            color: white;
        }
        li a:hover
        {
            color: #00ccff;
        }
4

1 に答える 1

2

要素を垂直方向に中央揃えするために、さまざまなものを使用できます。

1 行の要素 (たとえば、テキストが 1 行だけの要素) に最適なものは次のとおりです。line-height

line-heightをその親の高さと等しくなるように設定します。

li { line-height: 40px; }
于 2012-05-19T22:37:40.763 に答える