방법 - 센터 웹사이트
CSS를 사용하여 웹사이트를 가로로 가운데에 맞추는 방법을 알아보세요.
센터 웹사이트
웹사이트를 수평으로 중앙에 배치하는 방법을 알아보세요.
이 예는 500픽셀보다 넓은 화면에서 수평으로 중앙에 배치됩니다.
웹사이트를 중앙에 배치하는 방법
컨테이너 요소를 사용하고 특정 max-width
. 많은 웹사이트에서 일반적으로 사용하는 너비는 960px입니다. 실제로 페이지를 가운데에 맞추려면 를 추가하십시오 margin: auto
.
다음 예는 500px보다 넓은 화면에서 웹사이트를 중앙에 배치합니다. 너비가 500px 미만인 화면에서는 페이지 전체에 걸쳐 표시됩니다.
예시
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
W3Schools Spaces 에 대해 들어본 적이 있습니까? 여기에서 웹사이트를 처음부터 만들거나 템플릿을 사용하여 무료로 호스팅할 수 있습니다.
무료로 시작하세요 ❯* 신용카드 불필요