css - 表示ブロック、マージン自動、幅指定、中央揃えなし

Question

.DOC {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:1265px;
}

.DOCタグのdiv内側にありますが、中央に配置されbodyていません。どうしてこれなの？

score 2 · Accepted Answer

あなたの幅は潜在的に問題です。100pxなどの開発目的のために小さいものに設定してみてください。

こちらをご覧ください、http：//jsfiddle.net/tJd5M/

.DOC {
  display:block;
  margin: 0 auto;
  width:100px;
  background:orange;
}

score 1 · Accepted Answer

それはうまくいくはずです

http://jsfiddle.net/yWkyE/を参照してください

.DOC
{
  width:100px;
  height:100px;
  margin:0 auto;
  background-color:#000000;
}

このDIVに影響を与える可能性のある他のCSSがページ上にありますか？HTMLはどのようなものですか、サンプルを提供していただけますか？

score 0 · Accepted Answer

あなたのスタイルは私にとってうまく機能します...

境界線を追加すると、ページの中央にあるDivかどうかが表示されます...

.DOC {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:1265px;
    border:1px solid red;
}

Divのコンテンツを中央に揃えたい場合は、以下のスタイルを試してください

.DOC {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:1265px;
    border:1px solid red;
    text-align: center;
}

HTML

<div  class="DOC">Sample Text</div>

幅を狭くして試してみてください....精度が表示されます

3 に答える 3