http://qiita.com/ryounagaoka/items/a98f59347ed758743b8d
http://www.memo.d-marking.com/blog/2017/05/11/car-%E3%81%A7%E3%80%80%E3%82%AE%E3%83%A3%E3%83%A9%E3%83%AA%E3%83%BC%E3%81%A7%E3%80%80%E8%89%B2%E3%80%85/
http://qiita.com/7968/items/eddfeb4b424d7c2d2d34
co.d-marking の 制作事例 一覧d_jirei.php で使用
cssは
.jirei_box_img2{ border: 1px solid #CCC; position: relative; width: 100%; background-image: url(../img/body_backgr/body_background_dark15.png); background-repeat: repeat; img{ max-width:100%; max-height:100%; position: relative; top: 50%;left: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } } .jirei_box{ width: 31%; margin-right: 1%; margin-left: 1%; margin-bottom: 24px; }