| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- react
- 문제해결
- ignore padding
- vite
- 리액트
- tailwindCSS
- alias설정
- createPortal
- 함수형프로그래밍
- 부모패딩
- Carousel
- 조건부스타일
- 부모요소의 패딩 무시
- 제어컴포넌트
- twoarrow
- CustomHook
- 이즐 #ezl #욕나오는 #교통카드
- transition
- QueryClient
- es6
- 서초구보건소 #무료CPR교육
- ?? #null병합연산자
- DOM
- parent padding
- accordian
- BFC
- 화살표2개
- BlockFormattingContext
- debouncing
- useQueryClient
Archives
- Today
- Total
프론트엔드 첫걸음
vertical-align 본문
https://developer.mozilla.org/ko/docs/Web/CSS/vertical-align
vertical-align - CSS: Cascading Style Sheets | MDN
vertical-align CSS 속성은 inline 또는 table-cell box에서의 수직 정렬을 지정합니다.
developer.mozilla.org
- inline 또는 table-cell box에서의 수직 정렬(세로 정렬)을 지정
- 이미지 엘리먼트를 텍스트 엘리먼트의 라인 속에서 정렬할 때 쓰일 수 있습니다
See the Pen Untitled by JEONG (@cona) on CodePen.
inline이나 inline-block 속성에서 vertical-align 할 때는
sub, sup 도 쓸 수 있지만
table내의 vertical-align은
top, middle, bottom 만 쓸 수 있다.
'개발 공부 > CSS' 카테고리의 다른 글
| 배경이미지 넣기 (0) | 2022.07.04 |
|---|---|
| inline-block 사용하여 기본 레이아웃 만들기 (0) | 2022.07.04 |
| float 사용하여 기본 레이아웃 만들기 (0) | 2022.07.04 |
| 폰트 크기 줄이고 세로 정렬 맞추기 - line-height 또는 inline-flex (0) | 2022.07.02 |
| 띄어쓰기 유무에 따라 달라지는 가상클래스 (0) | 2022.07.02 |