7.08日音讯,解决中、英文行高差异的方法
日期:2013-07-08发布:首创网络浏览:903次
7.08日音讯,解决中、英文行高差异的方法,如果大家只做中文网站那这个现象是发现不了的,因为中文的行高的赋值都是一样的,只有当我们做几次英文网站的时候就会发现它们是有一些细节上的差异,那么针对这些不同有什么更好的办法呢?难道我们一筹莫展吗?答案当
本文关键字:7.08日,音讯,解决,中,、,英,文行,高差异,高,
7.08日音讯,解决中、英文行高差异的方法,如果大家只做中文网站那这个现象是发现不了的,因为中文的行高的赋值都是一样的,只有当我们做几次英文网站的时候就会发现它们是有一些细节上的差异,那么针对这些不同有什么更好的办法呢?难道我们一筹莫展吗?答案当然是否定的,现在邯郸网站建设首创网络小编来给大家说一下,它们的差异和解决的技巧问题。
英文字母和汉字的行高不一样,导致在全汉字、全英文字母以及汉字字母混合时设置好的margin或padding属性出现偏差…当然这种情况之存在于IE浏览器,Safari、GoogleChrome、Firefox、Opera均不存在类似的问题
产生的原因:
全汉字的时候:
一般情况在选中文本可以看出汉字是上对齐的(具体表现是选中字体,从背景上看上去下面多了一部分,用css术语讲就是产生了padding-bottom属性,为了说明问题暂且就说存在padding属性吧)。
全英文字母的时候:
类似于全汉字在全英文的情况下是下对齐,会出现类似padding-top的属性。不管是全汉字还是全英文这时候的行高是一样的。
字母汉字混合:
但是如果把汉字和英文字母混合在一起的时候就可以看出来差别了,这时候再选中所有字体就可以看出来这时候是的补白是padding=padding-top+padding-bottom,也就是会多出来一个padding-top(也可以说是padding-bottom),一般字体在12px的情况下,多出来的部分大概是2px。
解决办法:
更改字体:
本来想使用line-height固定的,但是line-height是每一行的基线与基线之间的距离,又因为汉字的基线和英文字母是不同的,所以起不到作用,再说如果是用作导航菜单只有一行还是没有用的。
这样只有从字体上下手了,还真有一种字体可以解决这个问题,这个字体就是“simsun”,“simsun”就是传说已久的“宋体”,在windows字体文件夹下“宋体”的文件名就是“simsun”,他的兄弟“simhei”就是通常说的“黑体”。
所以,解决办法就是把font-family设置成“simsun”,这可能会损失一些效果,当然办法总是无穷尽的,也希望大家和网站制作的相关的朋友把它们更好的方法发给我们,来帮助更多的朋友。
- 欢迎大家阅读浏览,部分内容来源于网络,如有侵权,请联系我们删除!
服务项目
热门信息
- 邯郸网络公司:模板建站的好处有哪些?
- 3632024-04-25

- 4.20日音讯,邯郸网络公司:企业官网有必要做吗?
- 2122024-04-20

- 4.20日音讯,邯郸网络公司:为什么模板建站如此便宜?
- 2852024-04-20

- 4.9日讯,企业网站建设如何发挥网络营销功能?
- 4082024-04-09

- 4.9日音讯,企业网站维护的日常工作
- 2902024-04-09

- 4.5日讯,建设一个外贸网站多少钱?
- 4852024-04-05

- 邯郸网络公司:网站建设开发有哪些细节需要注意?
- 5392024-03-07

- 邯郸网络公司:外贸网站制作的8个步骤
- 3762024-03-05

- 企业网站如何制作才能取得更好的效果
- 5652024-02-29

- 简单3步,轻松做企业官网
- 6812024-02-18
