align-items: center;
그리드내에서의 아이템 수직정렬
수직축 : align/ 아이템 : item
align-items: center;
box-sizing: border-box;
콘텐트에 높이 90px
그리드에서 height90px + padding 5px 주면 박스가 커진다. (패딩을주면 박스가깬다)
콘텐트는 90이고 패딩이 5px로 늘어나서 박스자체가 커진다.
box-sizing: border-box; 을 넣으면 박스 90준것이 유지된다
'2021 Newlecture > HTML & CSS' 카테고리의 다른 글
| align-items: center/ margin-right: auto(여백나눠가지기) (0) | 2021.04.23 |
|---|---|
| viewpoint / DIP / devide-width (0) | 2021.04.20 |
| 공지사항영역에 사이드메뉴겹치기 (0) | 2021.04.15 |
| 중첩flex일경우 flex-basis 주의 / 공통마진속성 집중화 / margin (0) | 2021.04.14 |
| 메뉴가로로 나열/ div 이름을 부여 ? HTML구조이용 ? / 버튼속성 집중화 (0) | 2021.04.13 |
| 인라인태그에서 범용도구 <span> /:root / 변수선언 (0) | 2021.04.12 |
| 테이블헤더 구분 이미지넣기 / first-child제외적용 / text-align: right; (0) | 2021.04.09 |
| 테이블 / white-space: nowrap; text-overflow: ellipsis /제목열만 왼쪽정렬하기 (0) | 2021.04.08 |