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
- wetube
- node
- lambda
- docker
- NeXT
- EC2
- git
- TypeScript
- MongoDB
- react
- SSA
- Vue
- 파이썬
- RDS
- crud
- AWS
- 중급파이썬
- 채팅
- pandas
- SAA
- 튜플
- socket io
- async
- flask
- dict
- Class
- S3
- merge
- Props
- 카톡
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