在css設置中，我們一般用行高line-height來設定某一行的高度，這在ie7與firefox等瀏覽器都適用。但當行中有其他元素時（如圖片，SPAN,li..）在IE6.0下line-height會不起效果，后來查了下資料，果然如此，資料如下：

當在一個容器里文字和img、input、textarea、select、object等元素相連的時候，對這個容器設置的line-height數值會失效； 同時以上元素的行高可能×2：

受影響的瀏覽器：

Microsoft Internet Explorer 5.01 / Windows

Microsoft Internet Explorer 5.5 / Windows s

Microsoft Internet Explorer 6

解決方法：

對和文字相連接的img、input、textarea、select、object等元素加以屬性

margin: (所屬line-height-自身img,input,select,object高度)/2px 0;

vertical-align:middle

示例如下：

原代碼如下：

.shouchang{width:200px;float:left;line-height:24px;}

現代碼如下：

.shouchang{width:200px;float:left;line-height:24px;}

.shouchang img{margin:3px 0;vertical-align:middle}

2.如果整個頁面中有很多Img時，可以直接定義

?img{

margin: (所屬line-height-自身img,input,select,object高度)/2px 0;

vertical-align:middle

}

這樣問題就可以解決！

轉載于:https://www.cnblogs.com/ytmm/archive/2011/08/02/2124491.html

總結

以上是生活随笔為你收集整理的解决IE6下，给图片加上line-height属性不起作用的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。