object-position (1) 썸네일형 리스트형 [CSS] object-fit 과 object-position 속성으로 깔끔하게 사진과 싸움 끝! 안녕하세요, 웹파트 35기 OB 손지유입니다😋1주차 과제로 홈페이지에 사진첩을 만들면서 가장 신경 쓰였던 것은, 사진의 각기 다른 크기!!보기만 해도 불편함이 느껴지는 이 상황저는 처음에 조금 더 깔끔하게 사진을 정렬하기 위해아래와 같은 선택을 했습니다!.img img { width: auto; height: 100px; }한층 깔끔해지기는 했지만,모든 사진의 크기가 아예 똑같으면 더 보기 좋을 것 같지 않나요? 그럴 때 사용할 수 있는 CSS 속성이 바로object-fit 과 object-position 입니다! object-fit 속성은 이미지의 크기를 맞추기 위해 사용할 수 있는 속성인데요.총 5가지의 object-fit 적용 사례를 소개해드리도록 하겠습니다.object-fit: cover.. 이전 1 다음
