이미지 중앙 가운데 정렬 > 정보공유

본문 바로가기

쇼핑몰 검색

위토즈소프트 로그인

회원가입 회원가입  아이디/비밀번호찾기 아이디/비밀번호찾기

정보공유 목록

퍼블리싱 | 이미지 중앙 가운데 정렬

페이지 정보

작성자 위토즈 쪽지보내기 아이디로 검색 전체게시물 작성일18-12-20 16:25 조회122 회 댓글0 건

본문

 

<style>

.thumbnail-wrappper { width: 25%; }

.thumbnail { position: relative; padding-top: 100%; /* 1:1 ratio */ overflow: hidden; } 

.thumbnail .centered { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: translate(50%,50%); -ms-transform: translate(50%,50%); transform: translate(50%,50%); } 

.thumbnail .centered img { position: absolute; top: 0; left: 0; max-width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

</style>

 

<div class="thumbnail-wrapper"> <div class="thumbnail"> <div class="centered"> <img src="xxxx"> </div> </div> </div>

 

 

 

 

출처: http://webdir.tistory.com/487

  • 페이스북으로 보내기
  • 트위터로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.

정보공유 목록

Total 329건 1 페이지
정보공유 목록
번호 제목 글쓴이 날짜 조회
329 JQUERY 복잡한 rowspan 처리 쉽게 처리하는 방법 새글 위토즈 쪽지보내기 아이디로 검색 전체게시물 01-22 2
328 씨아이보드팁 한사이트에 2개이상의 도메인을 사용할경우 위토즈 쪽지보내기 아이디로 검색 전체게시물 01-10 47
열람중 퍼블리싱 이미지 중앙 가운데 정렬 인기글관련링크 위토즈 쪽지보내기 아이디로 검색 전체게시물 12-20 123
326 API 네이버 로그인 API 키 받기 (WEB 서비스 예제) 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 12-17 106
325 PHP 엑셀파일에서 문자를 복사한뒤 붙여넣기 할경우 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 12-06 182
324 API 페이팔 api 결제가 안될경우 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 11-26 175
323 퍼블리싱 유튜브 동영상 반응형 처리 (리사이징) 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 11-20 233
322 기타 ISO 8859-1 Characters as Named and Numeric HTML Entities 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 11-19 112
321 API 구글맵 Google 지도를 제대로 로드할 수 없습니다. 메시지 뜰경우 (방법2) 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 10-18 603
320 API 구글맵 Google 지도를 제대로 로드할 수 없습니다. 메시지 뜰경우 (방법1) 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 10-18 658
319 영카트팁 카테고리 분류관리에서 하위분류 아이콘이 안나올경우 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 09-17 361
318 PHP 원하는 날짜에 해당하는 주간날짜 구하기. (월~일) 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 09-06 452
317 퍼블리싱 반응형 테이블 만들기. 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 09-01 660
316 JQUERY 확장성있는 글깜빡임 처리 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 08-29 473
315 PHP 단어변환 참고. 인기글 위토즈 쪽지보내기 아이디로 검색 전체게시물 08-21 516
게시물 검색