본문 바로가기

공부블로그

검색하기
공부블로그
프로필사진 떠어영

  • 분류 전체보기 (53)
    • 공부하기 (15)
    • CSS (4)
    • 자바스크립트 (3)
    • 리액트 (24)
      • 리액트를 다루는 기술 (14)
      • 리액트 공부 (10)
    • 코틀린 (3)
    • Vue.js (1)
    • UX공부 (3)
Guestbook
Notice
Recent Posts
Recent Comments
Link
«   2025/07   »
일 월 화 수 목 금 토
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
Tags
  • 자동반영
  • php문법
  • UI
  • 문제발견
  • CSS
  • 공부
  • Kotlin
  • useCallback
  • 리액트를 다루는 기술
  • ux
  • useState
  • 비동기처리
  • merge
  • 리사이클러뷰
  • async
  • javascript
  • pull
  • 리덕스
  • 컬러구성
  • 가상회선교환
  • await
  • redux
  • typescript
  • list
  • 리액트
  • react
  • 웹
  • rebase
  • 사용자플로우
  • Git
more
Archives
Today
Total
관리 메뉴
  • 글쓰기
  • 방명록
  • RSS
  • 관리

목록Inline (1)

공부블로그

CSS - inline/block, FlexBox

드림코딩을 보고 정리한 글입니당 + 추가 Margin: 바깥쪽 여백( 공백 ) -------------------- border ---------------------- Padding : 안쪽 여백 - block레벨(box) 요소 : , ~, , , , , 한 줄 전체를 차지한다. Display를 inline-block으로 바꾸면 가로로 채워서 박스 - inline레벨 요소: , , 컨텐츠만큼 차지한다. Display를 block으로 바꾸면 div처럼 Inline: (content자체만 꾸밈)은 내용이 없으면 아예 나오지 X Block: 일반적, 한줄씩 차지, width, height사용 Inline-block: 가로로 쪼르륵 나오는 block + 요소를 가리는..

CSS 2022. 4. 27. 02:23
이전 Prev 1 Next 다음

Blog is powered by kakao / Designed by Tistory

티스토리툴바