NEWS

建站资讯

css中英文字母和汉字在什么情况下行高不同

新闻资讯编辑:【三行广州网站建设www.3gonet.com】 发布时间2013.9.22.浏览数:3091
css中英文字母和汉字在什么情况下行高不同 , 广州网站建设www.3gonet.com三行网络 为您详细介绍 - 请往下阅读》

css中英文字母和汉字在什么情况下行高不同

css中英文字母和汉字在什么情况下行高不同

全汉字的时候:
一般情况在选中文本可以看出汉字是上对齐的(具体表现是选中字体,从背景上看上去下面多了一部分,用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”,这可能会损失一些效果,没办法如果谁有更好的解决办法可以指教一下。

本文由广州网站建设公司-三行网络原创,转载请保留版权( 广州网站建设www.3gonet.com三行网络——专注于企业网站建设、响应式营销型网站定制,欢迎来电咨询!热线:020-85628720 【微信:15989229398】

标签: css中英文字母和汉字在什么情况下行高不同

上一篇:怎样擅用B2B网站平台来做免费网络推广    下一篇:浏览网站拦截自动弹出来的网页技巧

css中英文字母和汉字在什么情况下行高不同

微网站Webapp 三行网络专业订制开发微信网站制作,让微信公众账号实现微菜单、微活动、微会员、微商城等功能,打造炫丽的企业微网站!公众平台搭配"微网站",犹如虎添翼!在保留公众平台所有优势的前提下,提升展示形象,更好的与客户互动。