| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
Tags
- DOM
- tailwindCSS
- ㅡ
- 제어컴포넌트
- 조건부스타일
- accordian
- debouncing
- QueryClient
- 부모패딩
- vite
- 부모요소의 패딩 무시
- createPortal
- 화살표2개
- alias설정
- es6
- useQueryClient
- 서초구보건소 #무료CPR교육
- react
- parent padding
- 함수형프로그래밍
- ignore padding
- BFC
- Carousel
- twoarrow
- ?? #null병합연산자
- transition
- BlockFormattingContext
- 문제해결
- 리액트
- CustomHook
Archives
- Today
- Total
목록ignore padding (1)
프론트엔드 첫걸음
이미지를 parent 요소의 패딩 무시하고 화면을 가득 채우도록 만들기
이미지와 이미지에 대한 설명이 반복되는 페이지에서 이미지에 대한 설명은 padding이 필요하고 이미지는 padding없이 가득 채워야하는 경우가 있다. 이때 이미지에 대한 설명이 들어가는 요소에 개별적으로 패딩을 반복해서 줄 수도 있지만 이미지 컨테이너 요소의 margin을 조정하면 padding이 필요한 자식요소에 일관된 padding값을 적용할수있다. See the Pen Untitled by JEONG (@cona) on CodePen.
개발 공부/CSS
2024. 3. 20. 12:40