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
- Component
- CSS
- NextJs
- nodejs
- Session
- API
- express
- 자바스크립트
- ES6
- DART
- 리액트
- CLONE
- MongoDB
- heroku
- javscript
- JavaScript
- frontend
- HTML
- react
- TypeScript
- Mongoose
- node.js
- graphQL
- backend
- Flutter
- clonecoding
- GRID
- ECMAScript
- pug
- form
Archives
- Today
- Total
목록Wrap (1)
Enjoy Programming
Flexbox.4 wrap,nowrap,align-content
flexbox는 width와 height를 설정했더라도 몇개를 만들었든 한 라인에 모두 정렬된다. 만약 7개의 200width를 가진 박스를 flexbox로 만들어주면 사진에서 보이 듯 그냥 다 때려박는다. 이말은 flex-wrap이 default로 no wrap상태라는 거다. flex-wrap이란 The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked. CSS: Cascading Style Sheets | MDN CSS: Cascading St..
CSS
2021. 4. 17. 17:32