Hello_coding

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

inline 1

[CSS ] 마진 겹침 현상 | inline | block

🚀 inline vs block inline block 컨텐츠 부분만큼만 영역을 차지한다. 한줄을 모두 차지한다. 높이와 너비가 조절이 불가능하다. (css로 적용안됨) 높이,너비 모두 조정 가능하다. padding , border 속성 사용 o / margin 좌우만 가능하다. padding , border , margin 모두 사용가능하며 해당 속성들이 다른요소를 밀어낸다. Q. 만약 inline요소처럼 가로로 배치되면서 높이와 너비를 설정해주고 싶다면? A. inline-block 사용하자! 🚀 마진 겹침 현상 (margin collapsing) 1. 요소와 요소 사이에 margin-top OR margin-bottom의 공간이 있을경우 더 높은 값의 마진이 적용 See the Pen Untitle..

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

Hello_coding

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

Tag

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

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/12   »
일 월 화 수 목 금 토
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 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © AXZ Corp. All rights reserved.

티스토리툴바