|
1
2
3
4
5
6
7
8
9
|
body {
width:100%;
height:100%;
}
#box{
width:300px;
height:300px;
margin:0 auto;
}
|
cs |
또는 수평에서 align-items, 중심축에서의 justify-content를 이용하여 다음과 같이 정렬할 수 있다.
|
1
2
3
4
5
6
7
|
body{
background-color: var(--color-black);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
|
cs |
'Frontend > css' 카테고리의 다른 글
| [CSS] 블럭요소와 인라인요소 (0) | 2023.06.29 |
|---|---|
| [CSS] Content 화면 중앙배치 (0) | 2023.04.05 |
| [CSS/JS] Swiper (0) | 2021.04.05 |
| [CSS] 모바일 반응형 화면에서 우측 여백 발생 (2) | 2021.03.26 |
| [CSS] div, 기타 클릭시 생기는 테두리 제거하는 방법 (0) | 2021.02.03 |