css - CSSを使用してページの上部中央にdivを配置する方法は?

Question

ページの上部中央に div を配置できません。これにはCSSを使用していますが、ここでは何も機能しません。

#loader {
  position: relative;
  margin: 0 auto;
  text-align: left;
  clear: left;
  height: auto;
  z-index: 0;
}

<body>
  <div id="loader" style='display: none'><img src='img/basic/loader4.gif' /></div>
</body>

私はすでにこれに2時間を費やしていましたが、まだ理解できていません.

score 4 · Accepted Answer

最初display:none;に id=loader を使用して div から削除し、追加text-align:center;します

#loader{  
    position:relative;
    margin:0 auto;
    clear:left;
    height:auto;
    z-index: 0;
    text-align:center;/* Add This*/
}

実際のデモ: http://jsfiddle.net/surendraVsingh/FCEhD/

score 2 · Accepted Answer

div には特定の幅が必要です。そうしないと、使用可能なすべての幅が使用され、マージンは効果がありません。例：

#loader{  
  margin: 0 auto;
  width: 200px;
}

score 2 · Accepted Answer

widthを使用する場合は、プロパティを指定する必要がありますmargin: 0 auto;。

幅がわからない場合は、display: tableプロパティを追加するだけで機能します。

#out {
   display: table;
   margin: 0 auto;
}

score 0 · Accepted Answer

<div id="loader" style='display: none' align="center">

ctrl+space を押して、構文がわからず、css のマージンとパディングを 0 に設定する必要があります

score 0 · Accepted Answer

#loader {
    display: none;
    clear: both;
    margin: 0px auto;
    width: [a number] px;
}

もちろん、ブラウザのキャッシュにも注意する必要があります。ブラウザのキャッシュをクリアして、もう一度テストしてください

score 0 · Accepted Answer

0

#loader{  
   margin: 0px auto;
   width: 100px;
}

于 2012-06-27T10:25:58.640 に答える

score 0 · Accepted Answer

#loader
{
    position: absolute;
    width: xxpx;
    height: xxpx;
    margin:0px auto ;

}

またはあなたが使用することができます

margin-left:xx;  and `margin-top:0px;`

8 に答える 8