메뉴 건너뛰기

조회 수 141 댓글 1

height : 3em 이면 높이로 3글자(3줄)은 출력이 가능하게끔 공간을 준다는뜻아닌가요?

overflow가 hidden일때 왜 3글자여유를 줬음에도 불구하고 글자가 짤리는지 모르겠습니다.

?
  • ?
    관리자 2019.09.02 08:52
    예리한 질문입니다!

    3em은 현재 글자 크기의 3배의 크기를 말합니다.
    현재 글자의 크기는 font-size 스타일에 지정된 크기인데, 지정되지 않았으면 디폴트값입니다.
    예를 들어
    font-size:10px;
    라면 3em은 30px이겠지요.
    그러므로 예제에서 3em 높이는 30px입니다.
    그런데 이 공간에 3줄의 글자들이 출력될 때 줄 사이에 있는 공간 때문에
    30px 높이의 공간에 3줄이 모두 출력되지 못하는 것입니다.
    그래서 잘려 보이는 것입니다.

QnA

공부하면서 궁금했던 것을 질문해보세요.

List of Articles
번호 제목 글쓴이 날짜 조회 수
공지 읽어주세요! 연습문제 및 실습문제 정답 공개에 관한 공지입니다. file 관리자 2017.06.20 18218
401 span과 text-align : center; 에 관한 문제입니다. file 2019.10.15 279163
400 11장 6번 으엉 2019.11.27 187436
399 placeholder속성 1 khl 2017.04.08 85671
398 11장 6번 1 mj 2018.11.29 67474
397 웹 프로그래밍 책 답안지 1 mumu 2017.03.06 14049
396 실습문제 8-2 (3) 13412 2018.11.08 13803
395 살다 살다 답을 반쪽만 주는 책은 처음입니다 1 음음 2019.01.24 8843
394 Open Challenge 와 실습문제 자료 2 김원상 2017.04.29 7446
393 14장 예제 사라진 건가요 1 ... 2021.03.09 4077
392 localhost 관련 문의 3 소년정 2018.02.20 4034
391 페이지 247 에 있는 Open Challenge 05 의 CSS3로 태그 배치하기를 공부하고 있는데 질문드립니다. 1 file 워니고 2018.03.28 3865
390 ㅠㅠ..질문좀 드리겠습니다.. 1 은성 2017.04.18 3835
389 연습문제 답안지 2 vdncnck 2017.03.28 3236
388 짝수번 정답 3 idididid 2017.12.24 3112
387 8장 연습문제 실습문제 4장 2 student 2017.05.08 2864
386 10장 오픈챌린지 5 은성 2017.04.07 2245
385 open challenge 05 2 hardworking 2017.03.29 2216
384 5장 연습문제 홀수 번 질문 1 채XX 2019.06.17 1990
383 HTML을 열심히 공부중인 학생입니다 3 열심히 하자 2018.05.30 1962
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로