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 |
Tags
- SSA
- crud
- Vue
- TypeScript
- git
- 채팅
- async
- AWS
- lambda
- RDS
- dict
- EC2
- Class
- pandas
- SAA
- 튜플
- 카톡
- socket io
- MongoDB
- 파이썬
- docker
- flask
- 중급파이썬
- wetube
- Props
- NeXT
- node
- react
- merge
- S3
Archives
- Today
- Total
목록justify-content (1)
초보 개발자

align-items, justify-items, place-items 복습 아래와 같이 gird-box를 column 100px 4개 row 100px 4개로 구성한 뒤 자식들을 구성해보자 기본 width, height를 주지 않았는데 가득 차 있는 이유는 기본값이 stratch이기 때문이다. 여기서 자식 div들의 내용물을 한번에 관여하고 싶을 때는 부모에서 align-items와 justify-items를 사용하면 된다. 아래의 두줄을 추가하면 내용물들이 가운데에 와있을 것이다. place-items를사용하면 저 두개를 하나로 합칠 수 있다. 첫번째에 align-items, 두번째에 justify-items가 들어온다. align-self, justify-self, place-self 저기서 모든 ..
css/css master
2022. 2. 23. 21:14