----------------อันนี้เป็นโค้ต css----------------------------------
<style type="text/css">
.wraptocenter {    
     display: table-cell;    
     text-align: center;    
     vertical-align: middle;    
     width: ...;    
     height: ...;}
.wraptocenter * {    
    vertical-align: middle;
}/*\*//*/
.wraptocenter {    
    display: block;
}
.wraptocenter span {    
    display: inline-block;    
    height: 100%;    
    width: 1px;
}/**/
</style>
<!--[if lt IE 8]><style>
.wraptocenter span {   
    display: inline-block;   
    height: 100%;
}
</style><![endif]-->

----------------อันนี้เป็นโค้ต html----------------------------------

<div class="wraptocenter"><span></span><img src="..." alt="..."></div>
---------------------------------------------------

หากต้องการทราบการอัพเดทของ css การจัดรูปให้อยู่ตรงกลาง ทั้ง แนวตั้งและแนวนอน ด้วย CSS และเรื่องที่เกี่ยวข้อง แนะนำให้กด ที่ facebook ด้านล่างนี้เลยค่ะ เผื่อที่จะได้อัพเดทก่อนใคร

อัพเดทเมื่อ วันจันทร์ที่ 26 สิงหาคม พ.ศ. 2556 ในหมวดหมู่ของ css เรื่อง css การจัดรูปให้อยู่ตรงกลาง ทั้ง แนวตั้งและแนวนอน ด้วย CSS