line-height 질문입니다.
본문
가로 세로 크기가 %로 적용되어있는 div안에서 텍스트 한줄이 있는데요.
height가 유동적이라 line-height값을 어찌 줘야 세로중앙?에 텍스트가 정렬될까요?
height:100px; line-height:100px;
이런식으로 height값과 line-height값이 같으면 텍스트가 세로중앙?정렬이 되었었는데요.
line-height:1.5; 이렇게만 쓰면 폰트의 몇배로, 몇%는 폰트의 몇%로 보여진다는데
적용하고 브라우저창 늘였다 줄였다해보면 세로크기에 맞추어 줄높이의 변화가 없네요.
세로크기에 비례하여 줄높이가 되려면 어찌해야하는지 아시는분 도움좀 부탁드립니다...ㅠㅠ
답변 2
단위가 빠지면 안됩니다.
고정 단위 또는 상대 단위를 사용해야 합니다.
px 은 고정으로 사용되는 단위이고,
em, rem은 상대단위입니다.
em은 해당 엘리먼트 부모를 기준으로 바뀌고
rem은 웹페이지 body에 설정된 크기 기준으로 상대적입니다.
부트스트랩4는 rem을 기본으로 사용하고 최근에 rem을 주로 사용하는 것으로 보입니다.
그러면 그냥 vertical-align: middle 써도 되지않을까요?
답변을 작성하시기 전에 로그인 해주세요.
