
CSS display속성 중 하나인 Flex는 말 그대로 유연하게 요소들을 배치시키도록 도와준다. display block이나 inline같은 경우는 위, 아래, 간격, 화면이 작아지면 어떤 상태로 배치될지 등을 개발자가 일일이 다 계산하고 맞춰보아야 한다. 그러나 flex는 자동으로 간격을 조정해주고 정렬해주는 등 복잡하게 했던 일들을 손쉽게 하도록 해준다. 아 당연히, 여태 이용했던걸로도 가능하다. 그렇지만 시간이 생명인 개발자들에게 좀 더 효율적이고 간편한 개발을 가능하게 해준다. 이전에 이용했던 float을 기억하는가? 사실 float의 애초의 목적은 글과 사진의 배치를 위한 것 이었다. 이는 오늘날 다양한 위치 조절을 위해 본래의 목적과 다른 역할을 부여받게 됐고... flex가 생기면서 flo..
Basic_Studies/CSS
2020. 7. 16. 18:26
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- nuxt 공식문서 한글
- css 글래스모피즘
- dvd 효과
- 글래스모피즘 구현
- vscode venv
- 백준 10989 파이썬
- 파이썬 크롤링
- Til
- 글래스모피즘 애니메이션 구현
- 리액트
- nextjs 스크롤
- 리액트 스크롤
- 파이썬 정렬
- nuxt 공식문서
- 파이썬 flask
- 카페음료테스트
- 자바스크립트
- 움직이는 글래스모피즘
- getserversideprops redirect
- 리액트 컴포넌트
- 10989 파이썬
- 화이팅
- NextJS
- css marquee
- nextjs 파라미터 넘기기
- react router
- 리액트 라우터
- next.js 리다이렉트
- bs4 크롤링
- 리액트 파라미터 넘기기
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함