位置: 编程技术 - 正文

网页中英文混排行高不等问题的解决方法(网页中英文切换)

编辑:rootadmin

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

推荐整理分享网页中英文混排行高不等问题的解决方法(网页中英文切换),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:网页排版英文,网页中英文混排什么意思,网页上英文,网页英文变中文,网页中英文切换,网页英文变中文,网页中英文混排什么意思,网页中英文混排怎么设置,内容如对您有帮助,希望把文章链接给更多的朋友!

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

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

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

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

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

网页中英文混排行高不等问题的解决方法(网页中英文切换)

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

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

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

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

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

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

有衬线字体与无衬线字体比较 serif的意思是,在字的???始及?束的地方有?外的??,而且??的粗???蛑?M的不同而有不同。相反的,sansserif就?]有?些?外??,而且??粗?大致上是差不多。像Times

CSS Hack 汇总速查手册浏览器兼容必会 屏蔽IE浏览器(也就是IE下不显示)*:lang(zh)select{font:px!important;}/*FF可见,特别声明:由于Opera最新的更新,此句目前已经成为FF的专用HACK*/select:empty{font:

div+css在思路和流程上实现结构与表现的分离分析 古老的话题:一首古诗的分离1.给你一首古诗,保存为毫无格式的一堆文字,你去理解它的内容,进行结构的处理。用word排版之后,他有了结构2.这个

标签: 网页中英文切换

本文链接地址:https://www.jiuchutong.com/biancheng/375340.html 转载请保留说明!

上一篇:网页绿色系配色应用实例图文第1/2页(网页设计绿色)

下一篇:有衬线字体与无衬线字体比较(衬线字体和无衬线字体各自的用途)

  • 委托贷款利息收入需要缴纳增值税么
  • 金税盘解锁后是否可以直接使用
  • 中国的税收制度是什么
  • 应收账款平均余额包括应收票据吗
  • 增值税发票已抵扣能否认定合同关系
  • 安装服务费发票需要备注地址吗
  • 固定资产在现金流量表中的体现
  • 长期借款业务的思维导图
  • 销毁会记凭证
  • 进口关税税率和增值税
  • 往来核算会计的岗位职责和工作内容
  • 个人独资企业可以不开公户吗
  • 抄税和上报汇总一样吗
  • 对外报价时应考虑哪些因素
  • 哪些费用可以税后扣除
  • 小规模纳税人免税会计分录
  • 一般纳税人选择简易计税进项税可以抵扣吗
  • 外籍人员劳务费税率表
  • 输入开票码开具电子发票
  • 企业采购设备有哪几种情形
  • 借款利息资本化金额
  • 其他应付转到其他应收
  • 专项储备属于利润分配吗
  • 发票产生的材料是什么
  • 车间整改的目的
  • 无发票 入账
  • 侵权行为 法律行为
  • 做汽车配件销售怎么找客户
  • php odbc
  • 对公账户转私人账户有限额吗
  • 付款结算单范本
  • 记账凭证按其用途
  • 个人信息提供者
  • 一借多贷的会计分录格式
  • 井冈山游击队的口号
  • phple
  • 悬崖徒步
  • 搭建本地yum
  • 一般纳税人暂估入账的会计分录
  • 一般纳税人企业所得税5%还是25%
  • 费用化与资本化的区别与影响
  • 增值税小规模纳税人适用3%征收率
  • 现金流量表上期金额
  • 研发费用凭证是什么样
  • 偿还银行贷款利息计算
  • mysql跨库join
  • 使用银行汇票的结算方式
  • 收到普票和专票对企业的纳税影响
  • 冲减以前年度利润
  • 预付账款没有收到货怎么处理
  • 微信收款如何做账报税
  • 固定资产的印花税费计入什么科目里
  • 应付票据和应付债券的区别
  • 成本费用利润率一般在什么范围
  • 哪些工资属于社会福利
  • mysql数据库隐藏指定内容
  • Navicat连接MySQL报错
  • bzc.exe是什么
  • win8怎么设置定时关机
  • windows7开机
  • win8鼠标设置在哪
  • win7网络问题
  • linux ping命令的用法
  • 显示win7
  • 升级win10后东西还在吗
  • linux计划任务每天执行一次
  • 关于植物的现代诗
  • Extjs4 Treegrid 使用心得分享(经验篇)
  • font:inherit
  • cocos2d开发的知名游戏
  • js如何获取url
  • node.js中express-session配置项详解
  • javascript用的多吗
  • javascript怎么编写
  • python 元类的作用
  • jquery插件大全
  • 拼多多发票哪里申请开票
  • 广州地税局官网办事点
  • 企业可以享受哪些政策优惠
  • 青年税务培训内容有哪些
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设