목록가변적인높이 (1)

오늘 뭐했지?

[html/css] table-cell 속성을 이용해서 div 세로 가운데 정렬 하는 법

[html/css] table-cell 속성을 이용해서 div 세로 가운데 정렬 하는 법 퍼블리싱을 하다 보면 세로 가운데 정렬을 해야 할 경우가 생기기 마련입니다. 그 div가 만약 고정된 세로 값을 가지고 있다면 비교적 간단하게 할 수 있지만... 만약 가변적인 세로 값을 가지고 있다면... 굉장히 귀찮아지죠. 하지만 이런 경우는 흔한 일이기도 해서 제가 가장 자주 쓰는 방법인 table-cell 속성을 이용해서 세로 중앙 정렬하는 방법을 소개해드리겠습니다. 일단 제가 만들고자 하는 화면은 이와 같습니다. 테이블 형식을 이용하면 한번에 되겠지만 반응형으로 작업해야한다던가 뭔가 제약조건이 있어서 div로 작업해야만 할때 사용할 수 있는 방법입니다. 결론적으로 말하자면 세로정렬하고자 하는 div를 div..
웹디자인/HTML,CSS 2019. 10. 18. 15:20
이전 Prev 1 Next 다음