티스토리 뷰
justify-content는 그룹으로만 항목을 처리하기 때문에 justify-items. justify-self 속성이 없다.
(보통 align-iems와 함께 사용하다보니, justify-content가 item을 정렬하는 것으로 오해를 많이 한다.)
그렇다면 justify-self를 사용하지 않고, 단독 정렬은 어떻게 해야할까?
정렬할 대상에 margin-방향: auto를 사용한다.
See the Pen [CSS3] flex의 justify-self처럼 단독으로 정렬하는 방법 by mill (@millfeel) on CodePen.
'이론 > CSS' 카테고리의 다른 글
| [CSS] flex 속성 정리 (0) | 2021.03.09 |
|---|---|
| [CSS] order (0) | 2021.03.09 |
| [CSS] Q. align-content와 align-items의 차이 (0) | 2021.03.09 |
| [CSS] Q. z-index가 동작하지 않을 때 어떻게 해야 하나요? (0) | 2021.03.04 |
| [CSS] background-size (0) | 2021.03.04 |
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 링크막기 #a링크막기
- 객체의 프로퍼티
- offsetHeight
- innerHeight
- scrollHeight
- 부등 연산자
- 프로퍼티
- javascript class
- clientHeight
- offsetTop
- 동등 연산자
- 점 표기법
- 일치 연산자
- scrollTop
- @font-face
- 불일치 연산자
- property
- clinetTop
- 대괄포 표기법
- __proto__
- constructor
- prototype 프로퍼티
- outerHeight
- [[Prototype]]
- 동치 연산자
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
글 보관함