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

본문 바로가기

쇼핑몰 검색

위토즈소프트 로그인

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

정보공유 목록

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

페이지 정보

작성자 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일18-12-20 16:25 조회1,108 회 댓글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 343건 1 페이지
정보공유 목록
번호 제목 글쓴이 날짜 조회
343 API 아이피로 국가코드 조회 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-19 44
342 퍼블리싱 깜빡이는 버튼 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-05 163
341 API 웨이보 공유 스크립트 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-30 192
340 API 네이버 개발자 센터에서 지도 OPEN API 지원이 종료 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-23 226
339 퍼블리싱 부트스트랩 form control input box 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-17 235
338 그누보드팁 게시물에 등록된 이미지파일 썸네일 생성 하고 워터마크 처리 하기 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-23 431
337 API 스마트 에디터 기본 편집모드 변경하는 방법 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-11 529
336 기타 htaccess 를 이용한 도메인 처리 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-09 478
335 기타 CSV 파일을 가져오기 할때 한칸씩 밀리는 현상 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 04-03 507
334 SQL IN () 은 INNER JOIN 혹은 EXISTS로 사용하자 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-21 512
333 SQL 중복된 데이터 정리하기 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-18 533
332 API 네이버 지도 Open API 종료 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-06 773
331 퍼블리싱 박스 테두리를 따라서 흐르는 효과 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 02-08 935
330 그누보드팁 그누보드 및 영카트 사이트 이전 방법 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-26 958
329 JQUERY 복잡한 rowspan 처리 쉽게 처리하는 방법 위토즈 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 01-22 822
게시물 검색