divcss任意圖片實現垂直居的方法

大家知道divcss任意圖片實現垂直居嗎?下面我們就給大家詳細介紹一下吧!我們積累了一些經驗，在此拿出來與大家分享下，請大家互相指正。

方法一：

將 外部容器的顯示模式設置成display:table，這個設置的意思不用多說了吧… img標簽外部再嵌套一個span標簽，並設置span的顯示模式為display:table-cell，這樣span內部的內容就相當於表格，可以很 方便的使用vertical-align屬性來對齊其中的內容了。

方法二：

標准浏覽器的情況還是和上面一樣，不同的是針對IE6/IE7利用在img標簽的前面插入一對空標簽的辦法。

方法三：

在img標簽外包裹一個p標簽，標准浏覽器利用p標簽的偽類屬性:before來實現居中，另外，對於IE6/IE7使用了CSS表達式來實現兼容。

相信大家已經學會divcss任意圖片實現垂直居了吧!感謝大家對我們網站的支持!

相關推薦：

CSS中基代碼base.css介紹