文字遇到图片行高失效解决方案
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#content {
background-color: #F2F2F2;
height: 160px;
width: 270px;
padding: 10px;
}
#title {
font-size: 12px;
line-height: 26px;
</style>
</head>
<body>
<div id="content">
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
</div>
<br /><br /><br /><br /><br /><br />
<div id="content">
<div id="title"><a href="link">为什么后面有图表的时候行高属性无效呢？</a> <a href="link"><img src="http://bbs.blueidea.com/images/smilies/default/han.gif" alt="图标" width="15" height="15" border="0" /></a></div>
<div id="title"><a href="link">为什么后面有图表的时候行高属性无效呢？</a> <a href="link"><img src="http://bbs.blueidea.com/images/smilies/default/han.gif" alt="图标" width="15" height="15" border="0" /></a></div>
<div id="title"><a href="link">为什么后面有图表的时候行高属性无效呢？</a> <a href="link"><img src="http://bbs.blueidea.com/images/smilies/default/han.gif" alt="图标" width="15" height="15" border="0" /></a></div>
<div id="title"><a href="link">为什么后面有图表的时候行高属性无效呢？</a> <a href="link"><img src="http://bbs.blueidea.com/images/smilies/default/han.gif" alt="图标" width="15" height="15" border="0" /></a></div>
<div id="title"><a href="link">为什么后面有图表的时候行高属性无效呢？</a> <a href="link"><img src="http://bbs.blueidea.com/images/smilies/default/han.gif" alt="图标" width="15" height="15" border="0" /></a></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
#content {
background-color: #F2F2F2;
height: 160px;
width: 270px;
padding: 10px;
}
#title {
font-size: 12px;
line-height: 26px;
}
#title a{
zoom:1;
}(关键)
</style>
</head>
<body>
<div id="content">
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
<div id="title"><a href="link">新闻标题后面没有图标的时候行高属性有效果</a></div>
</div>
<br /><br /><br /><br /><br /><br />
<div id="content">
<div id="title"><a href="link">为什么后面有图表的时候行高属性无效呢？</a> <a href="link"><img src="http://bbs.blueidea.com/images/smilies/default/han.gif" alt="图标" width="15" height="15" border="0" /></a></div>
<div id="title"><a href="link">为什么后面有图表的时候行高属性无效呢？</a> <a href="link"><img src="http://bbs.blueidea.com/images/smilies/default/han.gif" alt="图标" width="15" height="15" border="0" /></a></div>
<div id="title"><a href="link">为什么后面有图表的时候行高属性无效呢？</a> <a href="link"><img src="http://bbs.blueidea.com/images/smilies/default/han.gif" alt="图标" width="15" height="15" border="0" /></a></div>
<div id="title"><a href="link">为什么后面有图表的时候行高属性无效呢？</a> <a href="link"><img src="http://bbs.blueidea.com/images/smilies/default/han.gif" alt="图标" width="15" height="15" border="0" /></a></div>
<div id="title"><a href="link">为什么后面有图表的时候行高属性无效呢？</a> <a href="link"><img src="http://bbs.blueidea.com/images/smilies/default/han.gif" alt="图标" width="15" height="15" border="0" /></a></div>
</div>
</body>
</html>
浙公网安备 33010602011771号