【CSS】解决ie6中英文混排对不齐的问题
来源:互联网 发布:eam资产管理系统 源码 编辑:程序博客网 时间:2024/04/29 23:26
<!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
- 【CSS】解决ie6中英文混排对不齐的问题
- JustifyTextView 解决TextView中英文混排排版问题,android文字排版不齐,
- JustifyTextView 解决TextView中英文混排自动换行的问题
- 【转】 解决 checkbox和文字对不齐的问题
- 解决checkbox与文字对不齐问题
- 用align-self: baseline 来解决✘和文字对不齐的问题
- 解决表单中文本框和提交按钮对不齐的问题
- IE6/7下划线对不齐bug
- 关于CSS样式中,文字对不齐的解决办法
- android text 中英文混排 换行的问题
- Endnote中英文混排之完美解决
- Endnote中英文混排之完美解决
- TextView解决中英文混排自动换行
- word中关于mathtype公式对不齐的问题
- 解决IE6中CSS使用透明背景图片的问题
- 解决IE6,IE7 CSS效果不一致的问题
- 并排两个对象对不齐如何解决
- 解决<li>标签中<a>和<span>标签对不齐问题
- VxWorks启动代码romStart()函数分析
- JNI探秘-----你不知道的FileInputStream的秘密
- Google搜索语法
- 几个常用脚本资源的库cdn
- Ajax hibernate 死循环 java.lang.OutOfMemoryError: Java heap space
- 【CSS】解决ie6中英文混排对不齐的问题
- ruby on rails
- 关闭窗口
- Objective-C语法总结
- shell中sudo和su命令
- Zend Studio 10 汉化——离线语言包安装步骤
- 01背包问题 及c++ 代码实现
- 黑马程序员_Tomcat与HTTP协议
- 简单Ajax实现无刷新提交表单并获取响应