ครอปรูปภาพ thumbnails ตรงกลางภาพ ด้วย css

6 เม.ย. 2016 , 3,657 Views   , หมวดหมู่ WebDesign ทุกหมวดหมู่ โค๊ดดิ้ง   , ป้ายกำกับ:,


cropped-thumbnails

บางครั้งในการแสดง thumbnails ของรูปภาพหากรูปภาพมีขนาดไม่เท่ากันหรือบางภาพเป็นแนวตั้ง บางภาพเป็นแนวนอน ทำให้การแสดงภาพ thumbnails ไม่สวย CSS ด้านล่างนี้ช่วยได้ครับ

CSS

ตัวอย่างการใช้งาน

ดูเพิ่มเติม : http://jonathannicol.com/blog/2014/06/16/centre-crop-thumbnails-with-css/


ป้ายกำกับ:,