鄭州ui培訓(xùn)教程：IE6行高line-height失效怎么辦

以前做頁(yè)面，IE6行高問(wèn)題總出.但為了省時(shí)間,都改用PADDING撐起來(lái)去解決了….就直接不用行高解決.今天有空又在網(wǎng)上查了查.總結(jié)一下解決方法!

因?yàn)閘i中加入圖片，會(huì)導(dǎo)致line-height失效如:

當(dāng)在一個(gè)容器里文字和img、input等行內(nèi)塊元素相連的時(shí)候，對(duì)這個(gè)容器設(shè)置的line-height數(shù)值會(huì)失效；同時(shí)以上元素的行高可能×2：

受影響的瀏覽器： IE6

解決方法：

對(duì)和文字相連接的img、input、textarea等元素加以屬性

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

代碼如下：

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<head>

<title>IE6行高line-height失效問(wèn)題的解決方法 </title>

</head>

.hh li{ line-height:60px; }

.hh li img{ margin:4px 0; width:300px;vertical-align:middle; }

/*(容器的line-height – 對(duì)象本身的高度)/2px 0; */

</style>

<body>

</ul>

</body>

</html>

沒(méi)加之前

加了之后，行高就為60了。

日本国产欧美大码A视频 _国产高颜值极品在线视频_色偷偷亚洲第一综合网_国产精品一二三社区视频_久久久青草视频