3

私はこれをどのように中央に置くことができるのだろうかと思っていましたhttp://prntscr.com/hv2q7それはぶら下がっていて、灰色の部分が境界線に入るようにhttp://prntscr.com/hv2ueのように中央に配置したいです。css コードとその html は次のとおりです。 css:

#banner{
 height:       279px;
 width:        998px;
 margin-right:   0px;
 margin-left:    0px;
 background-image:
   url(/template/default/images/layout/background/newlayout/test.png);
}

html :

<div id="banner" ></div>
4

3 に答える 3

2

auto左右の余白をではなくに設定します0px

これを試してください。これは、上/下のマージンを0に、左/右をに設定するための省略形ですauto:

#banner {
  margin:0 auto;
}
于 2012-10-21T01:46:19.070 に答える
2

css を使用したセンタリングは、通常、次の使用を中心に展開しmargin:auto;
ます。この場合、左右のマージンが自動であることを確認しているため、次のようなものmargin:0 auto;です。具体的には、ページ全体で試してみると、要素の表示をブロックに設定する必要がある場合があります。ブラウザに応じて、フロートまたは位置さえも。それらは通常必要ありませんが。

また、div に実際に背景画像しか含まれていない場合は、background-repeattononebackground-positiontoを設定できますcenter。それはdivの中央にのみ配置されるため、divが実際に画像の幅と高さとして表示されている場合、何も変更されませんが、divが含まれているブロックの幅を埋めている場合、左になりますそして右センタリング。

于 2012-10-21T01:46:21.320 に答える
0

これをバナーコードの周りに置きます:

<div align="center"> "your banner code" </div>
于 2012-10-21T01:47:38.383 に答える