您的位置：首页 > Web前端 > CSS

【CSS】解决ie6中英文混排对不齐的问题

2013-06-14 00:53 148 查看

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>解决ie6中英文混排对不齐的问题</title>
<style type="text/css">
ul li{ width:134px; float:left;}
ul li h3{ margin:22px 0 0 12px; color:#333333; font-size:14px;}
ul li .indexH3Intro{ line-height:18px; color:#666666; width:110px; margin:14px 0 22px 15px; overflow:hidden; }
ul li p{ margin-left:15px;}
</style>
</head>

<body>
<ul>
<li>
<h3>密码找回</h3>
<div class="indexH3Intro">为您提供取回密码、密码保护和号码申诉等服务</div>
</li>
<li>
<h3>账号安全</h3>
<div class="indexH3Intro">为您提供取回密码、密码保护和号码申诉等服务</div>
</li>
<li>
<h3>邮箱续费</h3>
<div class="indexH3Intro">为您提供取回密码、密码保护和号码申诉等服务</div>
</li>
<li>
<h3>VIP朋友</h3>
<div class="indexH3Intro">为您提供取回密码、密码保护和号码申诉等服务</div>
</li>
<li>
<h3>邮箱续费</h3>
<div class="indexH3Intro">为您提供取回密码、密码保护和号码申诉等服务</div>
</li>
</ul>
</body>

以上代码在IE6中看到的h3标题不在同一条线上

在h3的样式中加入以下代码，即可解决

font-family:Arial, "宋体"; line-height: 1.231;

（仅将字体设为宋体即可解决，Arial和行高是为了使英文看起来美观。）

Article From：http://www.rankber.com/ie6-chinese-english-bug.html

扩展阅读：

Font Setting：http://hi.baidu.com/snowicesky/item/7119ca250db5dd55c38d59ed

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航