테스트 사이트 - 개발 중인 베타 버전입니다

제플린 잘아시는분 질문드립니다. 채택완료

세크티 1년 전 조회 1,075

안녕하세요. 디자이너에게 주로 psd나 xd파일로 받아서 제플린으로 작업합니다. 이때 문자의 행간때문에 골치가 아픕니다. 사진과같이 TEST fontsize는 60이고, lineheight는 150px, 바로 텍스트와의 간격은 101px입니다.

제가 스타일을 font-size:60px;line-height:150px;margin-top:101px 로 주면 시안과 너무 달라지게 됩니다.

일단은 line-hegiht를 텍스트박스의 높이인 44px로 줘서 맞춰서 하고는있는데, 이게 문장이 1줄로 끝나면 상관없는데 반응형이다보니 2줄이 되버릴때는 행간이 없어서 딱 붙어버립니다.

아래쪽 TEST 를 선택했을때 박스의 높이가 실제 line-height가 적용된 높이로 잡히게 할 방법이 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

e
1년 전

line-height:100%; 로 해보세요.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인