묻고답하기
화면 해상도 보다 큰 레이아웃 중앙정렬
2013.05.14 10:56
안녕하세요~
레이아웃을 좀 크게 잡았는데요
이 큰 레이아웃을 중앙 정렬로 해서
해상도가 제 레이아웃의 가로폭보다 좁더라도 레이아웃의 중앙부분을 보여주길 바랬는데,
아니더군요;;;;;;;;;
예를 들어 레이아웃 가로폭이 1280의 중앙정렬이라 할 때,
1280보다 넓은 레이아웃의 경우 중앙정렬로 의도한대로 보여지는데,
1280보다 좁은 1024의 해상도에서 볼 경우
레이아웃의 좌측선이 기준선으로 보여지네요. (마치 좌측정렬처럼)
레이아웃의 가로폭보다 좁은 해상도에서 보더라도 센터링이 되어 보여질 수 있게 할 수 있을까요???
댓글 3
-
madcow
2013.05.14 11:41
-
챔피온
2016.04.25 06:04
좀더 자세히 알려 주실수 있으신가요??ㅠㅠ 하는법을 아예몰라서요 ㅠㅠ
-
<div style="position:relative;max-width:500px;margin:0 auto;height:100px;overflow:hidden;">
<div style="background:red;width:500px;height:100px;left:50%;margin-left:-250px;position:absolute;">좀더 자세히 알려 주실수 있으신가요??ㅠㅠ 하는법을 아예몰라서요 ㅠㅠ</div>
</div>이걸로 테스트 해 보세요.
해결했습니다.
레이아웃 폭을 지정하고, position 속성을 relative, left속성에 50% 지정
그 레이아웃 폭의 절반 값을 margin-left로 지정해줍니다.
바램님 감사합니다~