標準瀏覽器還是將外部容器#box的顯示模式設置為display:table-cell,IE6/IE7是利用在img標簽的前面插入一對空標簽的辦法
但是實際在瀏覽器中實現起來的效果并不是很完美,由于各瀏覽器的解析都各不相同,所以在各瀏覽器都會有1px-3px的偏差。
方法一:
該方法是將外部容器的顯示模式設置成display:table,img標簽外部再嵌套一個span標簽,并設置span的顯示模式為display:table-cell,這樣就可以很方便的使用vertical-align象表格元素那樣對齊了,當然這只是在標準瀏覽器下,IE6/IE7還得使用定位。
HTML代碼
新聞熱點
疑難解答