4

divとCSSクラスを使用して画像を中央揃えにしようとしています（タグはdiv class = "center"タグでラップされています）。現在使用しているのはDreamweaver（デザインビューに移動するとき）で動作していますが、Safariでページをロードするときは動作していません。これが私のコードです：

.center {
  display:inline; 
  text-align:center; 
  -webkit-inline; 
  -webkit-center; 
  background-color:transparent;
}

このような簡単な質問をして申し訳ありません。私はHTMLにまったく慣れていません。私の経験は、Objective-Cです。

4

4 に答える 4

5

text-align: centerコンテナ自体が中央に配置されるのではなく、コンテンツが（コンテナ内で）中央に配置されるようにしました。

を使用するためdisplay: inline、コンテナのサイズはその内容と同じになり、センタリングは目的の効果を発揮しません。

margin: 0 autoを使用してコンテナを（親コンテナに向かって）中央に配置するか、に変更display: inlineしdisplay: blockます。

于 2012-04-15T10:51:26.587 に答える
4

親DIVtext-align:center;に渡します。.centerこのように書いてください：

HTML

<div class="parent">
 <div class="center"></div>
</div>

CSS

.parent{
 text-align:center;
}

.center {
 display:inline;
 background-color:transparent;
}
于 2012-04-15T10:44:19.613 に答える
2

margin：0 autoを使用して垂直方向に整列させることができますが、垂直方向に水平方向に整列させる場合は、次のようなコードが必要です。

.center{
width:200px;
height:200px;
margin-left:-100px;
margin-top:-200px;
position:absolute;
top :50%;
left:50%;
}
于 2012-04-15T22:14:15.117 に答える
0

マージン：0自動。あなたが探しているものです。幅も必要です。

div.center {margin：0 auto; 幅：20％;背景：オレンジ;}

于 2012-04-15T10:48:26.403 に答える