0

私はかなり長い間これに取り組んできましたが、それを把握することはできません。「.logo」クラスを中央揃えにする方法を知りたいですか?

#wrap {
    width: 960px;
    height: auto;
    min-height: 700px;
    margin: 0 auto;
}

.logo {
    background: url(../images/logo.png);
    width: 269px;
    height: 126px;
    z-index: 1000;
    position: absolute;
}        

<div id="wrap">
    <div class="logo"></div>
    <div id="nav"></div>
</div>

前もって感謝します！

4

5 に答える 5

0

margin:0 auto を使用します。

このロゴは、左右の余白幅を「自動」に設定することで、水平方向に中央に配置されます。これは、CSS で水平方向のセンタリングを実現するための推奨される方法です

例のCSS

          .logo{
                background: url(../images/logo.png);
                width: 269px;
                height: 126px;
                z-index: 1000;
                margin:0px auto; //or margin:0 auto;
                 } 

                }
于 2012-04-12T17:27:02.917 に答える
0

いくつかの解決策があります。絶対的な言葉ですが、「ビッチ」です。

http://jsfiddle.net/UY2FC/4/

http://jsfiddle.net/UY2FC/3/

http://jsfiddle.net/UY2FC/1/

それぞれが同じ仕事をしますが、微妙な違いがあります。

しかし、z-index とは何ですか? 何か隠してる？

于 2012-04-12T16:17:00.703 に答える
0

とプロパティを同じにdivしてを作成し、オブジェクトを div に配置して、子オブジェクトのとプロパティを に設定するか、属性を に設定します。これにより、ほとんどのオブジェクトが中央に配置されます。rightleftmargin-rightmargin-leftautotext-aligncenter

ところで、絶対配置には注意してください。それは醜くなることができます。

于 2012-04-12T16:06:51.700 に答える