Hello_coding

  • 홈
  • 태그
  • 방명록
  • front-end

Baseline 1

[css] img하단요소에 생기는 빈공간은 무엇일까 ?

- 이미지를 div태그에 넣었을때 자세히 보면 밑에 흰색의 공간이 보인다. (body에 blue를 div에 white를 주었다.) Q . 저 공간은 무엇일까? 는 inline 요소이다 따라서 inline의 기준점인 base line 기준으로 배치가 되어 저런 현상이 나타난다. 다음 그림을 보면 이해가 더 쉬울것이다. 텍스트를 보면 빨간 base line 기준으로 하여 배치된것을 볼 수 있다. 이미지 또한 마찬가지다. 따라서 저렇게 빈공간이 남게 되는 것이다. 그럼 저공간은 무엇일까 ? 바로 descender height라고 하는 공간이다. T와 e같은경우 base line을 기준으로 쓰여있지만 y와 p는 삐져나오는 부분이 있다. 이 경우를 고려하여 descender height 가 있는 것이다. 그렇다면..

FE/HTML,CSS 2022.04.07
이전
1
다음
더보기
프로필사진

Hello_coding

  • 분류 전체보기
    • FE
      • JavaScript
      • HTML,CSS
      • REACT
      • Redux
      • TypeScript
      • Pattern
    • BE
      • HTTP
      • Node
      • AWS
    • 개발자가 꼭 알아야할 지식
    • 코딩테스트
      • 프로그래머스
    • 멋쟁이사자처럼
    • 독서
    • Git , Github
    • FE필수개념
    • 에러해결하기

Tag

리덕스, HTML, TpyeScript, 코딩테스트, TypeScript, node.js, 멋쟁이사자처럼, spa, 프론트엔드스쿨, 프론트엔드, JS, 프론트엔드스쿨2기, 리덕스툴킷, 프로그래머스, http, useEffect, CSS, 자바스크립트, 리액트, react,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2026/02   »
일 월 화 수 목 금 토
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바