상위 태그에 position:relative; 넣기
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
See the Pen wvWjMpK by ddddd (@hkpyhpxh) on CodePen.
물론
MARGIN :0 AUTO;
를 사용해도 큰 불편함은 없지만 가끔 왜인지 안될 때가 있다.
안 되는 이유도 모르겠고 설정하는 게 이것저것 힘들다(사실 힘든건 아니지만 귀찮음)
위의 방법을 쓰게 되면 세세하게 원하는 대로 조정이 가능하다.
개발은 정해진 방법이 없다.
그저 자신이 쉽고 자신 있는 방법으로 하면 되는 거 아닐까 :->
'DEVELOPMENT > WEB' 카테고리의 다른 글
| [typescript]프로젝트 생성하기 (0) | 2023.04.07 |
|---|---|
| 아무도 안써줘서 내가 쓰는 채널톡 리액트에서 쉽게 커스텀하기 (0) | 2021.03.17 |