세로 미들 위치 정하기
해나
2023.04.01
가로는 margin:0 auto 하면 중앙으로 위치하잖아요?
그런데 세로는 어떻게 하면 middle로 위치할 수 있나요? ㅠ_ㅠ
세로가 100%인 상태입니다.
그 안에서 항상 중앙에 있게 하고 싶어요. 방법 있을까요? ㅠ_-
아 삽질이에용 ㅠㅠ
-
다온
세로 100% 인 곳에 position:relative 주고
세로정렬하고싶은 그것에
position:absolute; left:50%; top:50%; margin-left:-(그것width값/2)px; margin-top:-(그것height값/2)px
해도 될 것같네용 -
핫보라
저 같은경우에는 세로값에 line-height 값을 준다음 vertical-align:middle 로 넣는 방법을 쓰곤 합니다..
-
핑1크캣
검색해보세요~ 사이트에 비슷한 질문 많습니다.
엘리먼트가 어디에 위치하느냐에 따라 다르죠~
대부분 padding 값으로 잡아 줍니다.