목록vertical (1)

어서와, 개발은 처음이지?

반응형
div 가운데 정렬(feat. position absolute)

이번 글에서는 div 태그의 가로, 세로 가운데 정렬 방법에 대해 작성하겠습니다.해당 카테고리 관련 코드는 여기에 모아두겠습니다. 1. 가운데 정렬 div를 가운데 정렬(특히 세로 가운데 정렬) 하는 방법으로, div를 flex box로 만들어서 justify-content align-items로 가운데 정렬하는 비교적 최신 방법과 table cell로 만들어서 vertical-align 속성을 사용하는 방법이 있습니다. 하지만 위 방법을 사용하면 브라우저와의 호환(IE10 11만 flex 지원), table cell로 바꿨을때 인접 혹은 자식 레이아웃이 붕괴되는 경우가 발생하곤 하는데.. 2. position absolute을 사용하여 정렬해보자 그래서 다른 방법보다 호환성좋고 직관적으로 이해할 수 있..
CSS 2019. 10. 3. 17:36
반응형
Prev 1 Next