일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- IOS
- 개발
- SWIFT
- 계명대 이종호
- queue
- 자바스크립트
- 스위프트
- javascript
- 자료구조
- 스벨트
- 자스민
- 힛잇
- 호키스
- jest
- 리액트
- 호키도키
- 이종호
- Hitit
- 자바스크립트 자료구조
- hokeys
- 비동기
- 개발자
- data structure
- hokidoki
- react
- 리액트 예제
- HTML
- 계명대
- Svelte
- TDD
Archives
- Today
- Total
목록flex-grow (1)
Dog foot print
[css] flex-box
css를 만지면서 가장 힘들다고 느끼는 점은 한 div안에 고정적인 공간이 한개 혹은 두개 있는 경우 가변적인 공간의 크기를 할당하는 일이다. 100% - 250px-300px 이게 된다면 얼마나 좋을까 그런데 안된다. // sass는 된다고 알고있다. 여튼 이런 불편함을 제거 해주고자 css3는 다양하고 사용하기 쉬운 flex-box를 제공한다. FLEX-BOX flex-box는 item을 담고 있는 containner와 containner내부에 있는 item으로 구분 한다. 사용은 굉장히 쉽다. containner가 되는 div에 display : flex 를 선언한걸로 시작한다. .containner{ display: flex; width: 500px; height: 500px; border : 5..
CSS
2019. 7. 6. 22:42