1

真ん中にロゴ画像のある水平トップバーを表示しようとしています。画像はページの左側にあり、中央に垂直に配置されています。トップバーの中央に画像を表示するにはどうすればよいですか? これが私のコードです：

<div class='topbar'>
        <img src="../../img/headerlogo.png" class="topbarlogo"/>
    </div>

CSS:

div.topbar {
    height: 80px;
    width: 100%;
    background-color: #000000;
    margin-top: 0px;

}
.topbarlogo {
    display: block;
    position: absolute; 
}
4

3 に答える 3

2

css でクラスのスペルが間違っています。「topbor」は topbar である必要があります。

さらに追加：-

margin-left: auto;
margin-right: auto;
于 2013-01-13T21:27:20.107 に答える
1

のルールを取り除き、.topbarlogo単にtext-align:centerdiv のルールを設定します。

jsFiddle の例

于 2013-01-13T21:37:29.850 に答える
-2

フロートをクリアする必要があります。以下の div を作成します。

<div style="clear:both;"></div>

トリックを行う必要があります。

于 2013-01-13T21:26:06.297 に答える