html - 画像を中央揃え

Question

この画像をページの中央に揃えようとしています。" (本体内)" "text-align:center; および display:inline-block; (css 内)" を試しましたが、機能しません。

JSFiddle は次のとおりです: http://jsfiddle.net/4TtHR/1/

CSSは次のとおりです。

figure {
  display: inline-block;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 0 20px 20px 0;
}

score 1 · Accepted Answer

1

figure {
display: block;
position: relative;
overflow: hidden;
margin: 0 auto;
width: 50%;
}

于 2013-10-20T02:02:25.473 に答える

score 1 · Accepted Answer

浮動要素を中央に配置しようとしています。

でラップするだけで、子要素を含めるためににdiv設定できます。display:inline-block次に、を中央に配置するためにに適用text-align:centerします。parentdiv

2 に答える 2