[TIL] 17주차 화요일. css 이미지 꽉 차게 하는 법

Minji Kim·2024년 8월 7일

내배캠TIL

목록 보기
69/73

상위 요소에 꽉 차게 만드는 방법

<div className="w-[40px] h-[40px] rounded-full overflow-hidden flex justify-center">
    <Image src={message.buddy?.buddy_profile_pic}
    alt="Profile Image"
    width={40}
    height={40}
    className="object-cover"
    />
</div>

부모 요소 (레이아웃) : overflow-hidden, 하위 요소 센터로 배치
자식 요소 (이미지 자체) : object-cover

자주 필요한 이미지 설정인데 한번 기록해 놓아야 좋을 것 같아서 기록한다!

0개의 댓글