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

Div の中央と中央に画像を配置する

Web デザインでは、要素を正確に配置することが、洗練された視覚的に魅力的なユーザー インターフェイスにとって非常に重要です。一般的な課題の 1 つは、div コンテナ内の画像を水平方向と垂直方向の両方で中央に配置することです。

これに対処するには、次の div 構造を検討してください。

<div>

画像を配置するにはdiv の中心では、CSS プロパティを使用できます。

body {
  margin: 0;
}

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

margin-left: auto; を設定することで、および margin-right: auto; では、画像の水平方向の余白を自動的に調整して、画像が div 内の中央に配置されるようにブラウザーに指示します。さらに、display: block; を設定します。

これらの CSS プロパティを設定すると、画面のサイズに関係なく、画像が div コンテナの中央に正確に配置されます。または div.

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