0
position: absolute으로 요소의 모서리 중 하나를 정의하여 요소를 배치합니다 (종종 상단 및 왼쪽 속성 사용). 센터를 정의하여 배치 할 수 있습니까? (너비/높이를 모른 채?).요소를 가운데로 배치 할 수 있습니까?
링크와 비슷한 질문에 대답했다
A
답변
0
: Position the center of an image using css
그런 다음 픽셀을 사용하여 좌/상단 좌표를 사용할 수 있으며, 그 중심을 사용하여 너비/높이에 상관없이 개체를 사용할 수 있으며 콘텐츠에 동적으로 적합 할 수 있습니다. 한 가지 문제는 다른 래퍼 div가 콘텐츠의 나머지 부분을 괴롭히지 않도록 일부 Z- 색인 및 스타일을 설정해야 할 수 있습니다.이 방법을 사용하면 단점 일 수 있습니다.
사실 해결책은 래퍼 div를 실제 위치와 함께 사용하고 또 다른 래퍼 div 내에 스타일을 포함하는 것입니다 : position: relative;padding-top: 25%;margin-top: -100%;margin-left: -100%;. 여백 - 왼쪽 스타일은 쉽게 적용되지만 마진 - 상단에는 여백이 필요하므로 추가 래퍼 div가 필요합니다.
다른 접근 방법을 원하면 Javascript를 사용해야합니다.
왜 여백을 사용하지 마십시오 : 0 자동; 요소를 중심에 두려면? – Vucko
나는 중심에두기를 원하지 않기 때문에 나는 그것을 위치시키고 자한다. – Glycan