div
{
width: 200px;
height: 200px;
overflow: hidden;
position: relative;
}
img {
position:absolute;
left: -100%;
right: -100%;
top: -100%;
bottom: -100%;
margin: auto;
min-height: 100%;
min-width: 100%;
}http://stackoverflow.com/questions/18673900/how-to-center-and-crop-an-image-to-square-with-css
http://stackoverflow.com/questions/11552380/how-to-automatically-crop-and-center-an-image
'hybrid app > css3' 카테고리의 다른 글
| [css3] div 안에서 줄바꿈 (0) | 2015.07.23 |
|---|---|
| [css3] ios overflow scroll 부드럽게 하기 (0) | 2015.05.14 |
| [css3] 크기 연산하기 (0) | 2014.09.02 |
| [css3] 미디어쿼리 세로모드 가로모드 구분 (0) | 2014.02.19 |
| [css3] CSS3를 마스터하는 것을 도와줄 튜토리얼 30선 (0) | 2014.02.03 |
