html - 画像の水平方向と垂直方向の中央揃え

Question

重複の可能性：
より大きなdiv内で画像を中央（垂直および水平）にする方法

Web サイトに画像ギャラリーを作成しようとしていますが、画像を div の中央に配置できません。

div の CSS は次のとおりです。

#animation
{
display : none;
position: absolute;
z-index:1;
background : rgba(0,0,0,0.7);
height: 100%;
width: 100%;
border: 0px;
}

画像IDは次のとおりです。

#pictures
{
...
}

score 2 · Accepted Answer

2

それを行う 1 つの方法は、テーブルセル表示とvertical align: middle;

于 2012-07-29T17:14:54.360 に答える

score 0 · Accepted Answer

次のリソースを確認してください。

score 0 · Accepted Answer

マージン:自動; 自動マージンを追加して画像を中央に配置してみますが、さらにコードが必要です。投稿できますか?

score 0 · Accepted Answer

画像を div 内に配置し、次のように中央に配置します。ここでフィドル

 div{
 width:300px;
 height:300px;
 margin:0px auto;
 margin-top:30px; //to pull it down
 }

score 0 · Accepted Answer

margin:auto;

divブロック要素の左右に等しいマージンを追加することにより、自動的にdivを中央に配置します

5 に答える 5