Absolute Centering in CSS
If you want to center something horizontally in CSS you can do it just by, using the text-align: center; (when working with inline…
medium.com
parent 요소를 position:relative로 하고,
child 요소를
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%); 로 한다.
OR
flexbox를 사용하는 방법도 있다. 위 블로그 글 참고.
320x100
'IT > HTML, CSS' 카테고리의 다른 글
| [CSS] position : relative, absolute, sticky, fixed : 네이버 블로그 (0) | 2021.01.02 |
|---|---|
| [CSS] flex box 이해 게임 (0) | 2021.01.02 |
| [html] video가 웹페이지에 안 나올 때 (1) | 2021.01.01 |
| [CSS] min-width 적용 안 되는 문제 (0) | 2020.12.30 |
| [CSS] Custom properties (사용자 정의 속성) (0) | 2020.12.30 |