#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。 属性の紹介: CSS では、画像を中央に垂直に表示したい場合、background-position 属性を使用してこれを実現できます。 プロパティの紹介: background-positionプロパティは、背景画像の開始位置を設定します。 たとえば、ローカル画像を背景として使用し、それを中央に配置したい場合は、次のようにすることができます:CSS で背景画像のアダプティブセンタリングを設定する方法: [background-position:center;] など、background-position 属性を使用して設定できます。属性値 center はセンタリングを意味します。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> body { background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:center; } </style> </head> <body> <p><b>注意:</b>该属性工作在 Firefox 和 Opera, background-attachment 属性会被设置为 "fixed"。</p> </body> </html>
以上がCSSで背景画像を適応的に中央に配置するように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。