비율 유지1 썸네일 이미지 비율 유지 영역에 꽉 차게 이미지 자르기 한 후 가운데 정렬 CSS 및 jquery 가로세로 비율 썸네일 이미지 비율 유지 및 가운데 정렬: CSS와 jQuery 활용법 웹 디자인에서 썸네일 이미지나 대표 이미지를 사용할 때, 다양한 이미지의 가로세로 비율이 다를 경우 이를 통일한 디자인으로 표현하고자 하는 경우가 많습니다. 이를 위해 이미지를 해당 비율에 맞춰 자르고, 가운데 정렬하는 방법에 대해 소개하겠습니다. 원본 이미지의 가로세로 비율이 다양함 특정 영역에 이미지를 꽉 차게 표현하면서, 넘치는 부분은 잘라내야 함 CSS만을 활용하여 원본 이미지를 수정하지 않고 원하는 디자인을 구현하고자 함 해결 방법 1. HTML 구조 이미지는 최소 2개의 wrapper에 감싸져야 합니다. 이렇게 감싸진 영역을 활용하여 이미지를 가운데 정렬하고, 넘치는 부분을 잘라냅니다. 2. CSS 스타일링 .featImg.. 2023. 10. 6. 이전 1 다음