FE 기술/CSS

CSS) margin auto (not working)

2023. 4. 24. 14:51

블록 수준 요소에는 미리 정의된 100% 너비가 있음

인라인 요소에는 미리 정의된 너비나 패딩이 없음

  • auto 값으로 width 속성이나 margin을 적용한다면 효과가 없음
    • 태그 내에 존재하는 공간만 소비하도록 바인딩된 요소를 만들기 때문
    • 따라서 직접 width값을 지정해줘야 auto가 적용
저작자표시 비영리 변경금지 (새창열림)

'FE 기술 > CSS' 카테고리의 다른 글

GitHub Pages와 GitHub Actions로 여러 애플리케이션 동시 배포하기  (0) 2024.12.08
.css VS css module VS css-in-JS ( Styled Components VS emotion)  (0) 2023.07.07
CSS) grid-column-gap  (0) 2023.04.24
'FE 기술/CSS' 카테고리의 다른 글
  • GitHub Pages와 GitHub Actions로 여러 애플리케이션 동시 배포하기
  • .css VS css module VS css-in-JS ( Styled Components VS emotion)
  • CSS) grid-column-gap
Rulu_
Rulu_
벨로그가 보기 편해요!! 티스토리는 md파일 그대로 복붙해서 올립니다ㅎ https://velog.io/@hafnium1923
Rulu_
루루의 개발 일지
Rulu_
전체
오늘
어제
  • 분류 전체보기 (61)
    • FE 기술 (28)
      • JavaScript (6)
      • React (9)
      • React Native (2)
      • Technic (7)
      • CSS (4)
    • BE 기술 (1)
    • 책 정리 (0)
      • 코어 자바스크립트 (7)
      • 이펙티브 타입스크립트 (6)
    • 우아한 테크 코스 회고 (14)
      • 프리코스 후기 (5)
      • 레벨 1 (2)
      • 레벨 2 (2)
      • 레벨 3 (5)
    • 우아한 테크 코스 피드백 (1)
      • 레벨 1 (1)
      • 레벨 2 (0)
    • 우아한 테크 코스 생활 (3)
      • 생활 이모저모 (1)
      • 글쓰기 (2)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 테코톡준비자료
  • 재사용 컴포넌트
  • 회고
  • 레벨인터뷰
  • 한달생활기
  • input 여러개
  • props 여러개
  • react
  • 프론트
  • 레벨로그
  • 테코톡
  • input 컴포넌트
  • 5기
  • 우아한테크코스
  • 우아한테크코스후기
  • spread operator

최근 댓글

최근 글

hELLO · Designed By 정상우.
Rulu_
CSS) margin auto (not working)
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.