| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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
- 부모요소의 패딩 무시
- twoarrow
- 리액트
- parent padding
- 조건부스타일
- transition
- createPortal
- 함수형프로그래밍
- 부모패딩
- BFC
- Carousel
- DOM
- useQueryClient
- ignore padding
- 화살표2개
- 제어컴포넌트
- QueryClient
- debouncing
- vite
- 문제해결
- 서초구보건소 #무료CPR교육
- accordian
- BlockFormattingContext
- es6
- tailwindCSS
- CustomHook
- ㅡ
- react
- ?? #null병합연산자
- alias설정
Archives
- Today
- Total
프론트엔드 첫걸음
이미지를 parent 요소의 패딩 무시하고 화면을 가득 채우도록 만들기 본문
이미지와 이미지에 대한 설명이 반복되는 페이지에서
이미지에 대한 설명은 padding이 필요하고 이미지는 padding없이 가득 채워야하는 경우가 있다.
이때 이미지에 대한 설명이 들어가는 요소에 개별적으로 패딩을 반복해서 줄 수도 있지만
이미지 컨테이너 요소의 margin을 조정하면 padding이 필요한 자식요소에 일관된 padding값을 적용할수있다.
'개발 공부 > CSS' 카테고리의 다른 글
| height 100%를 쓰는 이유 (0) | 2023.11.02 |
|---|---|
| scrollHeight사용해서 accordian의 transition 효과 구현하기 (0) | 2023.11.02 |
| svg 아이콘 색바꾸기 어떻게 하나요? (0) | 2023.09.25 |
| 길이가 각각 다른 list item 중앙 정렬 (0) | 2023.09.21 |
| clip-path transition (0) | 2023.08.29 |