div 내부의 배경 이미지 중앙에 배치
Leandros Lopez
div 내부의 이미지를 중앙에 배치하려고하는데, 가까워 지지만 여전히 중앙에 있지 않습니다. 이미지는 976x976 픽셀입니다. 다음은 CSS입니다.
div {
margin-left: auto ;
margin-right: auto ;
border:1px solid #ccc;
max-width:976px;
height:976px;
min-width: 433px;
padding:0;
background: url("images/background.png") center center no-repeat;
}
이미지는 중앙에 있어야하지만 상단과 오른쪽은 엄청납니다. 즉, 
Rotan075
제공된 URL을 살펴보면 bgimage가 div 자체보다 크다는 사실로 인해 배경 이미지의 위치가 실제로 상단에 더 많이 배치되는 것을 보았습니다. 따라서 백분율을 가지고 놀아야합니다.
background: url("images/background.png") no-repeat 50% 18.5%;
문제를 해결하고 이미지를 div 중앙에 배치 할 수 있습니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
관련 기사
Related 관련 기사
- 1
div 내부의 이미지를 중앙에 배치 할 수 없습니다.
- 2
div 내에서 ul 중앙에 배치 (이미 페이지 중앙에 있음)
- 3
div 내에서 두 이미지 중앙에 배치
- 4
css는 중앙과 중앙의 div에 배경이있는 범위를 배치
- 5
한 번에 두 개의 DIV 중앙에 이미지 배치
- 6
div 태그의 이미지 중앙에 배치
- 7
div의 모든 이미지를 CSS 중앙에 배치
- 8
전체 화면 고정 div 내부에 이미지 중앙 배치
- 9
div에 2 개의 이미지가있는 경우 1 개의 이미지 만 중앙에 배치
- 10
프로필 카드-내 div 하단 중앙에 이미지 배치
- 11
div를 다른 div 내부와 이미지 중심에 배치
- 12
jquery를 사용하여 배경 이미지로 화면 중앙에 div를 중앙에 배치
- 13
바닥 글 내부의 두 부동 div 사이에 인라인 블록 div 중앙에 배치
- 14
DIV 내부의 버튼 중앙에 배치
- 15
Bootstrap 열 내부의 div 중앙에 배치
- 16
페이지에 배경 이미지가있는 중앙 div
- 17
많은 양의 div를 페이지 중앙에 배치
- 18
이 이미지를 div에 중앙에 배치하는 방법
- 19
div 내에서 표 중앙에 배치
- 20
DIV에서 더 큰 이미지 중앙에 배치
- 21
배경 이미지 뒤의 부트 스트랩을 사용하여 중앙 바로 위에 <div>를 배치하려면 어떻게해야합니까?
- 22
상단 중앙을 향한 div 뒤에 이미지 배치
- 23
이미지 중앙에 div를 배치하십시오.
- 24
컨테이너 내부의 링크를 별도의 div에 중앙에 배치하는 방법
- 25
내 HTML 코드 내에서 이미지 중앙에 배치
- 26
div 내부 (V, H) div를 중앙에 배치하는 방법
- 27
div 컨테이너 내부에 배치 된 이미지의 높이-CSS
- 28
다른 div의 이미지로 div를 중앙에 배치하는 방법은 무엇입니까?
- 29
사용자 지정 셀 내부의보기 중앙에 배치
몇 마디 만하겠습니다