본문 바로가기 메뉴 바로가기

노루의 씨분투 세상

프로필사진
  • 홈
  • 방명록
  • RSS
  • Github
  • Facebook
  • 글쓰기
  • 관리

노루의 씨분투 세상

검색하기 폼
  • 분류 전체보기 (57)
    • 인공지능 (2)
      • 통계학 (1)
      • 머신러닝 (1)
    • Javascript&Typescript (10)
      • Javascript (2)
      • Typescript (3)
      • Angular2 (4)
      • CSS (1)
    • Swift (3)
    • C, C++ (16)
      • C, C++ (12)
      • Qt Framework (3)
      • 자료구조 (1)
    • Java (0)
    • lua (1)
    • Windows (1)
    • Linux (17)
    • Mac (1)
    • Computer Science (1)
    • 오픈소스 (2)
      • Mir (2)
    • Idea (1)
    • 잡설 (2)
  • 방명록

Javascript&Typescript/CSS (1)
[CSS] inline 속성일 때, 4px의 여백에 대하여

[CSS] inline 속성일 때, 4px의 여백에 대하여 오늘은 CSS 에서 display 속성이 inline 혹은 inline-block인 엘리먼트들에 왜 4px 정도의 여백이 생기는지를 알아보도록 하겠습니다. 물론 그 이유를 알게 되면 해결책도 간단합니다. 4px의 미세한 차이.. 4px의 미세한 차이를 볼 수 있는 예제코드를 먼저 띄워드립니다. block div block div 1 2 3 그리고 다음은 실행 결과입니다. 자, 그림을 먼저 봅시다. 위에는 float:left로 붙어 있는 block 속성의 div 엘리먼트구요. 아래 숫자박스는 inline-block의 span 엘리먼트입니다. float으로 붙어있는 엘리먼트들 사이에는 간격이 없는데, inline속성을 가져서 옆에 붙는 엘리먼트들 사..

Javascript&Typescript/CSS 2018. 4. 11. 14:11
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
  • [번역] 자바스크립트는 어떻게 동작할까? - JS⋯
  • [번역] 아직도 NgZone이 단순하게 Angul⋯
  • [번역] Zones(zone.js)를 리버스 엔지⋯
  • [번역] Angular에서 Zones(zone.j⋯
최근에 달린 댓글
  • 설명이 너무 좋네요 제 블로그에 링크 좀 남기겠습니다 ⋯
  • 좋은 정보 감사합니다! 컴공 나왓으면서 이걸 이제 알았⋯
  • 감사합니다 ㅎㅎ
  • 좋은 글 감사합니다. 많은 도움이 되었습니다.
Total
979,173
Today
0
Yesterday
193
링크
  • Hans's trace note
  • Holy Hacker
  • strata
  • onlywis
  • hyoj
TAG
  • Angular
  • observable
  • 스위프트
  • 우분투 16.04
  • qemu linux arm
  • Rx.js
  • JavaScript
  • vim
  • git proxy
  • itoa
  • git 설정
  • QT
  • 타입스크립트
  • zone
  • 폰트 조정
  • terminal 색
  • 안시 컬러
  • ZONES
  • 안시 색상
  • typeScript
  • 리눅스 터미널 색상
  • Zone.js
  • C언어
  • ansi color
  • lua table
  • angular2
  • ECMA2015
  • NgZone
  • Swift
  • 챗봇
more
«   2023/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
글 보관함
  • 2018/04 (7)
  • 2018/02 (2)
  • 2018/01 (1)
  • 2017/05 (1)
  • 2017/04 (1)

Blog is powered by Tistory / Designed by Tistory

티스토리툴바