반응형
SMALL
flex, justify-content 자료 중앙에 배치시키기
높이 100 픽셀 안에서 가로 세로 중앙 수평 에 위치하게 된다.
justify-content: space-around;
왼쪽 마진 , 오른쪽 마진 적당히 남기고 배열된다.
.box{
display: flex;
justify-content: space-around;
align-items: center;
height: 100px;
padding: 0.5em;
border: 1px solid #f00;
}
반응형
LIST
'html jquery css' 카테고리의 다른 글
| 미디어쿼리( MediaQuery ) 설정 (0) | 2023.05.05 |
|---|---|
| jquery Dom, 메서드, 객체생성방법 (0) | 2023.01.03 |
| 게시글에 생략부호를 만들고 싶을 때 (5) | 2022.10.29 |
| [css] animation, transition 퍼블리싱 할 때 속도 속성, 속성값 (0) | 2022.10.10 |
| em, rem 상대단위 글꼴 상대 단위 (0) | 2022.10.06 |
| [반응형] 이미지 제작: 가로폭 100% 이미지 만들기 (2) | 2022.10.06 |
| 모바일 햄버거 메뉴 (2) | 2022.10.05 |
| [css코딩]브라우저의 세로(y축)의 스크롤이 항상 보이도록 할 경우 (0) | 2022.10.04 |