0

だから、HTML5のナビゲーションセクションでロゴを中央に配置しようとしています.

  <header>
    <div class="container1">
       <nav>
           <div class="logo">Logo</div>
       </nav>
    </div>
  </header>

<br> http://jsfiddle.net/RbctB/

助言がありますか？前もって感謝します！

4

5 に答える 5

2

を削除してfloat: left;追加margin: 0 auto;

http://jsfiddle.net/RbctB/2/

于 2012-12-17T16:36:52.700 に答える
1

float:left使用することはできず、中央に配置できることを期待できません。

要素を水平方向に中央揃えにする最も簡単な方法は、コンテナーを使用text-align:centerし、影響を受ける要素を使用することdisplay:inline-blockです (オプションtext-align:leftで、コンテナーのテキストの配置をオーバーライドします)。

于 2012-12-17T16:35:44.730 に答える
0

に追加margin:0 auto;し.logoて削除しfloat:leftます。

またnav、現在含まれていないナビゲーションを含める必要があるため、要素を正しく使用していません。

于 2012-12-17T16:37:19.240 に答える
0

初め：

次の行を消去します。

margin-left: auto;
margin-right: auto;

あなたの#container1スタイルで。

2番：

.logoスタイルで、以下を消去します。

float: left;

そして追加：

margin: 0 auto;

コードを明確にするために使用しないすべてのスタイルを削除することを提案できますか?

これで問題が解決することを願っています。

于 2012-12-17T16:39:31.617 に答える
0

みんなが上で言ったように、これは同じことの別の言い方です.

.logo {
    float: left; /*remove */
    margin: 0 auto; /*add */
}
于 2012-12-17T17:26:37.983 に答える