개체가 뷰포트보다 클 때 CSS의 가운데 맞춤

Question

클리핑 영역이 뷰포트보다 넓은 경우에도 화면 중앙에 jquery 캐 러셀을 가져 오려고합니다. 이것은 기본적으로 항상 요소에 음의 왼쪽 여백을줍니다. 어떻게 지정해야합니까? 클리핑 영역은 고정 폭이지만 뷰포트 영역은 가변적입니다.

Answer 1

내가 알아 낸 최선의 해결책은 고정 너비의 콘텐츠 주위에 배치 요소를 사용하고 콘텐츠 자체에 -50 %의 여백을 사용하는 것입니다. 이것은 내 머리 꼭대기에서 벗어나지 만 시작하기에 충분할 것입니다.

물론

div.wrapper { 
    position: absolute; 
    left: 50%; 
} 
.content { 
    position: relative; 
    margin-left: -50%; 
} 

<div class="wrapper"> 
    <div class="content">JQUERY BIZ-NASS HERE</div> 
</div> 

,이 여기 사업부가 body 태그의 직계 후손이라고 가정하고, 브라우저가 100 %의 폭없고 마진이나 패딩을 가지고 body을 지정 : 여기에 코드입니다.