關于div中圖檔水準垂直居中操作

在前端編寫過程中，

我發現垂直居中一直沒有較好的總結，

是以我總結了一篇文章，希望對大家有所幫助

示例代碼

<!--HTML代碼-->

<div> <img src='http://img1.gtimg.com/digi/pics/hv1/121/211/2185/142133551.jpg' > </div>

<!--CSS代碼-->

<style>

div {width:400px; 

height

: 

400px

; 

line-height

: 

400px

;

text-align

: 

center

;

}

 div img { 

vertical

-align

: 

center

;

width

: 100%;}

</style>

通過以上代碼即可實作圖檔在div中的水準垂直居中