'html 중앙배치'에 해당되는 글 1건
[HTML/CSS] DIV 중앙, 가운데 배치하기
DIV를 웹화면 중앙에 배치하는 방법에 대하여 알아 보도록 하겠습니다. 블로그를 하거나 웹화면을 만들 때 content 배치를 center 또는 middle로 하고자 할 경우가 있습니다. 그런 경우 간단하게 CSS속성으로 중앙 배치를 할 수 있습니다. 핵심 CSS 태그 - position:absolute; → 절대 위치를 적용하기 위해 position값을 absolute로 설정 합니다. - top: 50%; left: 50%; → 절대 위치를 위에서부터 50% 되는 지점, 그리고 왼쪽에서부터 50%되는 지점으로 설정합니다. → 이렇게 설정하게 되면 중앙에서부터 해당 영역이 시작 됩니다. - height:300px; width:400px; → DIV의 크기를 설정 합니다. - margin:-150px 0p..
프로그래밍/HTML, CSS, JavaScript
2018. 7. 1. 09:52
