北大青鸟网络工程师BENET技术网页设计学习。
近在写一个css的时候遇到一个问题:英文字母和汉字的行高不一样,导致在汉字、英文字母以及汉字字母混合时设置好的margin或padding 属性出现偏差…当然这种情况之存在于IE浏览器,Safari、Google Chrome、Firefox、Opera均不存在类似的问题产生的原因:
汉字的时候:
一般情况在选中文本可以看出汉字是上对齐的(具体表现是选中字体,从背景上看上去下面多了一部分,用css术语讲就是产生了padding-bottom属性,为了说明问题暂且就说存在padding属性吧)。
英文字母的时候:
类似于汉字在英文的情况下是下对齐,会出现类似padding-的属性。不管是汉字还是英文这时候的行高是一样的。
字母汉字混合:
但是如果把汉字和英文字母混合在一起的时候就可以看出来差别了,这时候再选中所有字体就可以看出来这时候是的补白是 padding=padding-+padding-bottom,也就是会多出来一个padding-(也可以说是padding- bottom),一般字体在12px的情况下,多出来的部分大概是2px。
解决办法:
更改字体:
本来想使用line-height固定的,但是line-height是每一行的基线与基线之间的距离,又因为汉字的基线和英文字母是不同的,所以起不到作用,再说如果是用作导航菜单只有一行还是没有用的。
这样只有从字体上下手了,还真有一种字体可以解决这个问题,这个字体就是“simsun”,“simsun”就是传说已久的“宋体”,在windows字体文件夹下“宋体”的文件名就是“simsun”,他的兄弟“simhei”就是通常说的“黑体”。
所以,解决办法就是 把font-family设置成“simsun”,这可能会损失一些效果,没办法如果谁有更好的解决办法可以指教一下。
了解更多北大青鸟网络技术请继续关注新浦京网投站网止官网。
- 桌面支持是什么?什么是桌面支持?
- 网络工程师培训之Linux 系统密码解码方法介绍
- 网络安技术之校园网络的架构方案分享
- 几个不应犯的网络安错误
- 云计算入门必备的60条术语(二)
- 大型企业网络解决方案(一)
- 系统讲述无线路由器基本设置
- Windows操作系统常见故障解决和处理方法
- 网络故障中导致电脑黑屏的原因
- LINUX操作系统是什么?什么是LINUX操作系统?
看过该网络安全教程的还看过
本文标题:北大青鸟网页设计 css中英文字母和汉字行高不同怎么办,责任编辑:027hpedu,来源:北大青鸟武汉宏鹏鲁广校,于2013年04月24日17时04分发布于澳门新浦京26999com。武汉澳门新浦京26999com专注计算机电脑IT编程培训。学校专注java培训,ui设计培训,web前端培训,python培训,大数据培训等,北大青鸟学校累计为企业培养和输送IT专业人才85万。