3

css と javascript/jquery を使用して、表示した画像をページの垂直方向に中央揃えにするにはどうすればよいですか? 図を描いてみましょう。これは私が持っているものです...

-------
|     |
|     |
-------
----------
|        |
|        |
----------
------
|    |
|    |
------

これは私が欲しいものです

  -------
  |     |
  |     |
  -------
-----------
|         |
|         |
-----------
   -----
   |   |
   |   |
   -----
4

3 に答える 3

5

中央の画像クラスに次の CSS を設定します。

display: block;
margin: 1em auto; /* the key here is auto on the left and right */
于 2012-05-02T21:29:11.950 に答える
3

各画像を 内に配置する場合<div class="img">、それらのスタイルを に設定します。

div.img{ 
    margin: 0 auto;
}

※幅はお好みで調節してください。

または、幅<div class="img">を 100% に設定してテキストを中央に配置することもできます。

div.img{
    width: 100%;
    text-align: center;
}
于 2012-05-02T21:31:04.800 に答える
0

小さなスニペットでこれが完了します

display: inline-block;
margin: 1em auto;

jQuery を使用すると、次のようなプロパティを設定できます。

$("img#selector").css({
    'display':'inline-block',
    'margin' : '1em auto'
});
于 2012-05-02T21:32:10.733 に答える