位置: 编程技术 - 正文

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

编辑: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页(网页设计绿色)

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

  • 个税汇缴常见问题
  • 外经证预缴税款征收率
  • 不良资产处置措施
  • 资产减值损失影响利润吗
  • 建材公司小规模纳税人税率
  • 总公司一般纳税多少
  • 增值税税金不足1元未缴纳账务处理
  • 车子按揭利息
  • 小企业营业外收入明细
  • 行政事业单位取暖费交个人所得税吗
  • 办公室租赁合同需要交那些税?
  • 增值税进项和销项税的计算方法
  • 递延和摊销
  • 长期股权投资权益法初始计量
  • 同一控制下合并日后合并报表的编制
  • 企业发生的以旧换新业务应该按照什么处理
  • 评估资产没有发票和流水怎么办
  • 建筑劳务公司的会计账务处理
  • 境外投资亏损是否可以抵减境内盈利
  • 民间非营利组织会计制度最新版
  • 公积金发放怎么自动转入银行卡
  • Win11如何设置快捷键调音量
  • linux root没有权限
  • 其他业务收入怎么申报增值税
  • 股东股权折价转让会计分录
  • 固定资产多少可以费用化
  • ipad3性价比
  • php格式转换
  • 纳税申报包括哪些税种
  • 实收资本本年利润属于什么科目
  • php常用的魔术方法有哪些
  • 小公司不交社保违法吗
  • 进口货物完税价格怎么算
  • 结转增值税的账务处理
  • 赔偿金需要交税么
  • 残疾人就业保障金怎么申报
  • 盘盈的存货账务怎么处理
  • 残保金补申报后处罚会自动取消吗
  • 购进免税农产品进项税额计算
  • 有赞微小店认证麻烦
  • mongodb简单使用
  • 票据承兑和贴现是指
  • linux环境中使用哪些搜索命令比find更高效
  • 账簿包括哪些基本内容
  • 营利性幼儿园是什么意思
  • 按差额征税
  • 企业支付临时工劳务报酬需要取得发票吗
  • 政府补助的会计准则
  • 其他应收款和其他应付款可以通用吗
  • 收承兑汇票的利息怎么算
  • 增值税税款多缴纳还能退回吗
  • 外账进销存单据是怎么弄的?
  • 产成品入库的单据是什么
  • 客户要扣货款太多怎么处理
  • 年底未分配利润在贷方
  • 软件开发是否属于采购目录
  • 固定资产处置当月还要折旧吗
  • sql服务在哪
  • openbsd4.1+apache+mysql+php 环境配置
  • ubuntu系统安装报错
  • pb程序是什么
  • win8怎么设置
  • 如何使用ssh
  • ssh远程登录设置
  • windows10 不能启动
  • linux系统命令包含在哪个目录中
  • WIN7系统的镜像文件在哪里
  • opengl入门教程(精)
  • js简单实现鼠标移动后面文字也移动
  • pythonyield理解与用法
  • 关于草丛:单局游戏内
  • android怎么学
  • android 标签栏
  • SpringMVC restful 注解之@RequestBody进行json与object转换
  • 定额发票网上查询
  • 税务局 笔录
  • 上海市税务局招聘
  • 国家税务认证平台是什么
  • 国家级运动员怎么申请
  • 天猫主体变更是什么意思
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设