標準瀏覽器還是將外部容器#box的顯示模式設置為display:table-cell，IE6/IE7是利用在img標簽的前面插入一對空標簽的辦法

但是實際在瀏覽器中實現起來的效果并不是很完美，由于各瀏覽器的解析都各不相同，所以在各瀏覽器都會有1px-3px的偏差。
方法一：

該方法是將外部容器的顯示模式設置成display:table，img標簽外部再嵌套一個span標簽，并設置span的顯示模式為display:table-cell，這樣就可以很方便的使用vertical-align象表格元素那樣對齊了，當然這只是在標準瀏覽器下，IE6/IE7還得使用定位。
HTML代碼
 

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表