[CSS] 가운대로 정렬하기

Div를 이용하여 화면 중앙에 Content를 정렬하는 방법입니다.

<style type=”text/css”>
#center {
width: 200px; // 박스의 크기가 200×200이라고 가정합시다.
height: 200px;
position: absolute;
top: 50%; // 50프로의 의미는 현재 화면/2 지점에 놓는다는 의미입니다.
left: 50%; // 이렇게 되면 중앙을 약간 빗나가게 되는데 그 처리를 -margin값을 주어 해결하고 있습니다.
margin: -100px 0 0 -100px;
}
</style>
…..
<body>
<div id=”center”>가운데 정렬</div>
</body>

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다