메뉴 건너뛰기

조회 수 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 18278
403 자바스크립트에 대해 1 이윤재 2017.01.26 310
402 페이지에 첨부하고 싶은 이미지의 위치에대해 궁금합니다 1 정택희 2017.02.13 277
401 웹 프로그래밍 책 답안지 1 mumu 2017.03.06 14075
400 이미지를 HTML 파일과 같은 폴더에 저장하였는데 왜 이미지가 보이지 않을까요? 1 황기태 2017.03.27 547
399 open challenge 코드 11 hardworking 2017.03.27 1106
398 인코딩, 앵커 1 간구 2017.03.27 160
397 연습문제 답안지 2 vdncnck 2017.03.28 3264
396 open challenge 05 2 hardworking 2017.03.29 2224
395 3장의 실습문제 1 file minju0508 2017.04.02 1334
394 실습문제 7장 2번 질문있습니다 1 jobjob 2017.04.04 1458
393 6장 예제 6-23 1 은성 2017.04.04 317
392 8장 연습문제 8번 5 은성 2017.04.05 1361
391 8장 실습문제 7번 5 은성 2017.04.05 695
390 9장 실습문제 4번 3 은성 2017.04.06 1172
389 10장 오픈챌린지 5 은성 2017.04.07 2247
388 placeholder속성 1 khl 2017.04.08 85722
387 7장 오픈첼린지 1 Bolt 2017.04.11 1071
386 책을 마치며 7 은성 2017.04.13 492
385 ㅠㅠ..질문좀 드리겠습니다.. 1 은성 2017.04.18 3835
384 Open Challenge 와 실습문제 자료 2 김원상 2017.04.29 7446
목록
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 21 Next
/ 21
위로