画像を Div 内で水平方向および垂直方向の中央に配置するにはどうすればよいですか?

Div 内の中央に画像を配置

画像がちょうど中央の中央に位置するように、div 内の画像を配置したいと考えています。この位置合わせを行うには、次の手順に従います。

1.絶対位置指定で Div を作成します:

<div>

2.画像プロパティの構成:

#over img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

• margin-left: auto;: これにより、画像が div の右端に配置されるようになります。
• margin-right: auto;: の右端を同時に配置します。画像を div の左端に配置します。
• display: block;: 画像をブロックレベルの要素に変換し、垂直方向のセンタリングを可能にします。

例:

<div>

このアプローチでは、画像を中央に配置します。 div のサイズに関係なく、div。

以上が画像を Div 内で水平方向および垂直方向の中央に配置するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。