• ----:)欢迎访问源码网(:----
    • 首页
    • 博客
    • 学院
    • 下载
    • 论坛
    • 影视
    • 发布源码
    • RSS
    • ITPig
    • 笑话网
    • 百家姓
    • 繁體中文

源码网 - 中国第一源码门户
选择镜像:网通镜像 - 电信主站
  • 首 页
  • 新闻动态
  • 网站运营
  • 网页制作
  • WEB开发
  • 编程开发
  • 图像媒体
  • 操作系统
  • 数据库
  • 服务器
热门搜索 优化 SEO 故事 cms IIS7 MySQL 个人 AdSense 主题推广 | 文章搜索: 高级搜索
会员登录/控制面版您的位置: 学院首页 >> 网页制作 >> HTML学习 >> 详细内容
 

推荐文章

 
 

热点文章

  • 页面跳转代码
  • 符合XHTML标准的漂浮广告代码(浮动广告代码)
  • 网页自动刷新代码
  • 超简单的相册视频程序发布!只要是空间都能用
  • 修改IE浏览器滚动条样式的一个实例
  • 深入浅出 HTML制作网页体验其中乐趣
  • 小技巧:网页自动转向代码
  • 也谈谈DIV+CSS的牛角尖
  • HTML教程:网页刷新方法集合
  • 驳《也谈谈DIV+CSS的牛角尖》
  • innerHTML在Firefox和Opera下的执行特例
  • 对Web页面元素的绝对唯一引用方法
 
 

相关文章

  • htm2chm - 把网页打包成帮助文档
  • Google承诺Knol网页不会排挤维基百科
  • Google公布互联网最新索引数量:1,000,000,000,000个网..
  • 网页中的重定向-域名的重定向
  • 在网页中实现细线表格边框的方法
  • 网页上体验台式机程序 AJAX赋予软件新面孔
  • 搜索引擎知识:网页的查重技术
  • 网页成病毒传播途径,三成用户上网染毒
  • 网页Title优化的原则
  • 黑客将1万个网页定向到恶意程序网站
  • 你做网页考虑过Firefox,Opera吗?
  • 全球有29%的以上的网页被挂上木马
 
 

百度搜索

 
 

网页中英文混排行高不等问题的解决方案探讨

  • 阅览次数:
  • 文章来源: CodePub整理
  • 原文作者: 布林
  • 整理日期: 2008-04-23
  • 发表评论
  • 字体大小:
  • 小
  • 中
  • 大

基本上快被这个问题搞疯了,症状如下:



症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现如上图的症状,文字排列上下不对齐的情况。影响了布局的美观性,造成上图情况的原因是中英文的文字基线不同,arial字体的下边缘要比宋体(同为12号)低一个象素,上边缘比宋体矮两个象素,而且英文还有i,y这种上下基线不同的情况。所以当中英文混排对齐时,就会出现明显的高度差异,使排版不均。可见放大图。



采用中英文字均使用宋体的方案



可以解决文字排列不对齐的情况,但宋体英文字是衬线字体(Times New Roman即是英文中的衬线字),字型紧凑,细节较多,排列在一起很醒目,但在连续成文时,容易造成辨识困绕,看错行的情况。关于衬线字体的优缺点,请见这篇文章。相比之下,表示英文还是使用无衬线字体更美观大方。


解决方法一 “饺子”童鞋的 发现。


英文采用tahoma字体–宋体,arial及 tahoma字体比较–arial与tahoma的无衬线体比较精致



当中英文混排时,使用tahoma字体的情形



中英混排,纯中文组合的行高都一致了,但a在hover状态下 下划线与中文粘联在一起


缺陷:使用tahoma字体时,在ie6及ie6以下版本,会导致所有中文字体链接的下划线会出现与字体粘连现象。淘宝使用的也是这一解决方案。相信大型项目,不同的人来共同完成一个页面的模块时,在统一的规范下,使字体更规范,减少错位,而采用带有下划线会出现与字体粘连的tahoma字体,是值得的


以下是携同大米童鞋 发现的。


英文采用arial字体,中文使用宋体。可在<a>标签内注明 line-height:1.231,可解决行高不等以及字体与下划线粘连问题。(不知道大范围中英文混排适不适用,有待后续校验。)



总结:感谢大米,感谢饺子,感谢YUI,感谢淘宝!

上一篇:PHP使用zlib扩展实现页面GZIP压缩输出
下一篇:构建支持Master/Slave读写分离的数据库操作类
  • 网友评论:
  • 查看所有评论
  • 我要发表评论
您的网名:
留言主题:
你要发表的内容:

 

关于本站 | 广告联系 | 版权声明 | 网站地图 | 发布软件 | 帮助中心 | 源码论坛

Copyright © 2005-2007 CodePub.Com  程序支持:木翼  滇ICP备05005971号