[HTML, CSS] img 태그 영역에 맞추는 방법
img 태그를 영역안에 맞추는 방식으로, 1. verticalCrop, horizonCrop class 만 만들어서 사용하다보니 다른 방식으로 만드는 방법에 대한 질문에 대답을 못했다..! 😖 .thumbnail{ position: relative; overflow: hidden; } /* 세로이미지 꽉차게 적용. */ .verticalCrop{ /* 고정 가로,세로값 지정 */ width: 150px; height: 80px; } /* 가로이미지 꽉차게 적용. */ .horizonCrop{ /* 고정 가로,세로값 지정 */ width: 80px; height: 150px; } .thumbnail img{ position: absolute; top: 50%; left: 50%; transform: tra..
HTML5, CSS3
2021. 4. 18. 14:39
공지사항
최근에 올라온 글