CSSの背景位置プロパティを使用して背景画像を親要素に合わせるにはどうすればよいですか?背景画像をページ全体に集中させることしかできません。背景イメージを親要素の中央に配置するにはどうすればよいですか?
0
A
答えて
4
background-position: center;
background-repeat: no-repeat;
私のために働く。水平方向の中心と水平方向
1
何らかの形でサイズ変更されていないブロックレベルの要素(高さ/幅または浮動小数点数または余白を使用する)は、ウィンドウの幅を常に占めることに注意してください。要素はしません。つまり、バックグラウンドを要素の中央に配置すると、その要素もウィンドウの中央に配置されます。
それが問題だ場合、私は通常、要素に
border: 1px dashed #f00;
を追加確認するには。
要素のサイズを変更した場合は、Scottの答えが有効になります。
+1
ドキュメントフローを変更しないので、デバッグに 'outline'プロパティを使うべきです。 – DisgruntledGoat
+0
良いアイデア。私は通常、一般的な地理を見る必要があります。 – Anthony
関連する問題
- 1. これらの要素を中央に配置するにはどうすればよいですか?
- 2. 要素をビューポートの中央に配置するにはどうすればよいですか?
- 3. 透明な背景の背後にあるFloatingActionButtonのイメージを中央に配置するにはどうすればいいですか?
- 4. リスト要素をブートストラップナビバーの中央に配置するにはどうすればいいですか?
- 5. テキストのイメージをHTMLの中央に配置するにはどうすればよいですか?
- 6. カードビューの中央下部中央にビューを配置するにはどうすればよいですか?
- 7. イメージをブロガースライダーの中央に配置するにはどうすればよいですか?
- 8. イメージの行の中央に配置するにはどうすればよいですか?
- 9. レスポンシブSVGイメージを中央に配置するにはどうすればよいですか?
- 10. 背景の前に他の背景の前に擬似要素を配置するにはどうすればよいですか?
- 11. オーバーフローが隠されている親要素の外側に絶対配置されたイメージを配置するにはどうすればよいですか?
- 12. div内に背景イメージを含むdivを配置するにはどうすればいいですか?
- 13. 背景イメージの中央にh4とh1を置く方法は?
- 14. Andengineシーンの背景を中央に配置する方法
- 15. 背景画像のビューポートは中央に配置されていますか?
- 16. 親div内に複数のdiv要素を中央に配置するにはどうすればよいですか?
- 17. 中央のTabBarItemの背景色のみを変更するにはどうすればよいですか?
- 18. 背景イメージを変更するにはどうすればよいですか?
- 19. Jqueryで要素を中央に配置
- 20. 相対配置された要素をjqueryで中央に配置するにはどうすればよいですか?
- 21. イメージを別のイメージにマージするときにイメージを中央に配置するにはどうすればよいですか?
- 22. 親を中央に置いたときに、ページの左端に要素を伸ばすにはどうすればよいですか?
- 23. 要素の辺を他の要素の中央に配置するにはどうすればよいですか?
- 24. イメージを中央に中央に、テキストをイメージの両側に中央に配置
- 25. 要素の中心を基準に背景イメージを配置する方法はありますか?
- 26. 要素の中心ではなく、中心に配置された背景
- 27. CSSを使用して要素を中央に配置できないようにするにはどうすればいいのですか?
- 28. html CSSで印刷中にイメージを中央に配置するにはどうしたらいいですか?
- 29. ブートストラップナビバーの中央に配置されたdivを作成するにはどうすればよいですか?
- 30. 点滅する背景の上にボタンを配置するにはどうすればよいですか?
サンプルHTML/CSSは、ポイントが見つからない場合に役立ちます。 – DisgruntledGoat