css: flex
2020. 12. 18. 09:14ㆍ퍼블리싱/CSS
반응형
FLEX
1. 부모요소에 주는 태그
display: flex / inline-flex
flex-direction
flex-wrap: 줄넘김 설정
justify-content 가로 정렬
align-item 세로 정렬
2. 자식요소에 주는 태그
order: z-index와 같은 방식, 미설정 시 최상위
CSS3Generator by @RandyJensen
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has sur
css3generator.com
반응형
'퍼블리싱 > CSS' 카테고리의 다른 글
| [css] flex 이해하기 (0) | 2021.04.16 |
|---|---|
| css 반응형 (0) | 2020.12.18 |
| css로 주사위 만들기, transform, animation 실습/ 자바스크립트, 제이쿼리 없이 슬라이드배너 버튼 만들기 (0) | 2020.12.11 |
| css: multi column, table, transition, trasform (0) | 2020.12.10 |
| css: text-align:justify가 안먹힐때, font-face, shadow, box-sizing, 와이어프레임 오븐 (0) | 2020.12.08 |