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
- bootstrap
- ngrok실행
- github
- SCSS
- nextjs 설치
- Git
- API token
- ngrok설치
- CSS
- nextjs .env
- npm styled-reset
- API 토큰
- github io
- react typescript
- rewrites
- react env
- fetch
- dart 변수
- createGlobalStyle
- getModifierState
- git lab
- typescript react
- input type=file
- There isn’t anything to compare
- next.js css
- icon
- nextjs
- 컨디셔널 렌더링
- react
- styled components
Archives
- Today
- Total
목록Flex (1)
꾸준히 성장하는 개발자
css - flex
flex (정렬) display : Flex container의 화면 출력(보여짐) 특성 flex - 블록요소와 같이 flex container 정의 (flex contaiver가 블록 요소처럼 세로로 쌓임) inline-flex - 인라인 요소와 같이 flex container 정의 (인라인 요소처럼 가로로 쌓임) flex-direction : 주축을 설정 row 행축(좌 -> 우) row-reverse 행축(우 -> 좌) column 열축(위 -> 아래 ) column-reverse 열축(아래 -> 위) flex-wrap : flex items 묶음(줄 바꿈) 여부 nowrap 묶음(줄바꿈) 없음 wrap 여러줄로 묶음 justify-content 주축(수평)의 정렬방법 flex-start Flex ..
CSS
2022. 1. 27. 16:26