Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 정보처리기사실기
- flex container
- flex item
- 홍달쌤
- 프로그래머스
- Redux
- 테스트 코드
- login button 컴포넌트
- 모듈 관리
- 카카오맵
- flexbox
- REACT
- flexbox/grid 적용 여부
- git revert
- froggy
- Flexbox Froggy
- input 컴포넌트
- position
- justify-content: center;
- createstore 취소선
- error
- 정보처리기사
- prettier
- 조건부 스타일링
- JWT
- 기사퍼스트
- github
- react 상태 관리 라이브러리
- 백준
- 정보처리기사필기
Archives
- Today
- Total
목록row-reverse (1)
minyoung

Flexboxflexbox?float 레이아웃 대신에 flexbox를 사용해서 요소를 정렬한다.flexbox를 만드려면 부모 요소에 display: flex를 지정한다.이 속성이 적용된 요소는 flex container가 되고, 자식 요소는 flex item이 된다.flex item들이 배치되는 방향을 main axis, 수직 축을 cross axis라고 한다. flexbox 속성flexbox 속성은 container에서 사용하는 속성과 item에서 사용하는 속성으로 나뉜다.flex container 속성은 아래와 같은 종류가 있다.flex-directionflex-wrapjustify-contentalign-itemsalign-content flex item 속성은 아래와 같다.align-selford..
CSS3
2023. 12. 1. 15:53