CSSで画像を中央に配置する方法

画像を中央に配置する方法: 1. ステートメント「background-position: 画像の幅の半分、高さの半分;」を使用します; 2. ステートメント「background-position:50%」を使用します; 3 "background-position" :center;" ステートメントを使用します。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

画像を中央に配置する Css メソッド:

1.background-position は、ピクセルを使用して背景画像を中央に配置します (背景のサイズがわかっています) image)

background-position:100px 70px ;  /*宽的一半，高的一半*/

レンダリング:

2. 背景位置は 50% を使用して背景画像を中央に配置します。 ##3. 背景位置は center を使用して背景画像を中央に配置するので、非常に便利です。 (2 番目の中心は省略可能)

background-position:50%;

background-position の上記 3 つの設定方法は、いずれも背景画像の中心化を実現できます。background-position 属性の最初の値は、水平位置を設定します。 、2 番目の値は垂直位置を設定します。

関連チュートリアルの推奨事項:

CSS ビデオ チュートリアル

以上がCSSで画像を中央に配置する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。