日期:2014-05-17  浏览次数:20549 次

为什么在ie6、7下链接的字只显示半截?
HTML code

<style type="text/css">
.TopRight{float:left;margin-left:10px;height:240px;width:535px;border:1px solid #edd8b0;}
.TopRight a{text-decoration:none;color:#F5FFFA;}
.TopRight .item{float:left;width:170px;height:115px;margin-left:3px;margin-top:2px;border:1px solid #e0e0e0;}
.TopRight .item a{display:block;}
.TopRight .item .pd_pic {float:left; height:50px; width:168px;}
.TopRight .item .pd_info {float:left; padding-left:5px;margin-top:15px;}
.TopRight .item .pd_info a{color:#FF7F00;}
.TopRight .item .pd_info a:hover{text-decoration:underline;}
.TopRight .item h3{line-height:2px; font-size: 15px; font-weight:lighter; color: #1a66b3;margin-bottom:15px; }
.TopRight .item h4{ line-height:2px;font-size:12px;font-weight:lighter;margin-bottom:15px;}
</style>


<div class="TopRight">
<div class="item">
   <table>
      <tr><td><div class="pd_pic"><a href="" target="_blank" title=""><IMG src="./logo/mylogo.jpg"></a></div></td></tr>
      <tr><td><div class="pd_info"><h3><a href="" target="_blank" title="英雄岛">英雄岛</a></h3><h4>英雄岛</h4><h4>帝国</h4></div></td></tr>
    </table>
</div></div>



------解决方案--------------------
CSS code

.TopRight .item h3{line-height:150%;font-size:15px; font-weight:lighter; color: #1a66b3;margin:0;padding:0;}
.TopRight .item h4{line-height:150%;font-size:12px;font-weight:lighter;margin:0;padding:0;}

------解决方案--------------------
行高设置小了
------解决方案--------------------
探讨

行高设置小了

------解决方案--------------------
探讨

引用:

行高设置小了

++