DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 圖片垂直居中css寫法兼容ie6
圖片垂直居中css寫法兼容ie6
編輯:布局實例     

頭脹脹的,看不下東西做不下事,那就寫朵隨筆吧。
圖片垂直居中,原理應該就是,其實我也不知道。
手上兩種方法,異曲同工,但是都兼容ie6的。
 

復制代碼 代碼如下:
<div class="imgBox">
<img src="http://i.mmcdn.cn/simba/img/T1mN1tXs0jXXb1upjX.jpg" />
<i></i>
</div>
.imgBox{ width:100%;height:400px; border:1px solid red;}
.imgBox img,.imgBox i{display:inline-block; vertical-align:middle;}
.imgBox i{height:100%}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved