0

これが私のコードです。中央揃えにするのを手伝ってください。また、すべての画像サイズは同じではありません

CSS:

body {
   margin: 0px;
}

.wrapper {
   text-align:center;
   width: 100%;
   height: 100%;
   position: relative;
   z-index: 21
}

.wrapper img {
   display: table-cell;
   vertical-align: middle; 
}

HTML:

<div class="wrapper">
  <img src="http://static.desktopnexus.com/thumbnails/196734-bigthumbnail.jpg" />
</div>
4

1 に答える 1

0

画像に余白を設定するだけです。

.wrapper img {
    margin: auto;
}

このメソッドは任意のオブジェクトで使用できますが、親に幅または高さが設定されていることを確認してください。

于 2012-12-29T16:03:57.123 に答える