상위 태그에 position:relative; 넣기

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

See the Pen wvWjMpK by ddddd (@hkpyhpxh) on CodePen.


물론

MARGIN :0 AUTO;

를 사용해도 큰 불편함은 없지만 가끔 왜인지 안될 때가 있다. 

안 되는 이유도 모르겠고 설정하는 게 이것저것 힘들다(사실 힘든건 아니지만 귀찮음)

위의 방법을 쓰게 되면 세세하게 원하는 대로 조정이 가능하다.

 

개발은 정해진 방법이 없다.

그저 자신이 쉽고 자신 있는 방법으로 하면 되는 거 아닐까 :->

+ Recent posts