云顶国际,云顶国际登录官网

    欢迎访问云顶国际登录官网~

  1. 加入收藏
  2. 设为主页
  3. 学校简介
云顶国际登录官网

云顶国际登录官网

  • 北大青鸟徐东校区
  • 北大青鸟光谷学院
  • 北大青鸟宏鹏IT学院
  • 荆州青鸟之家
  • 襄阳青鸟之家

15902769092

三分钟了解北大青鸟

×
  • 初中生学什么
  • 高中生学什么
  • 大学生学什么
  • 打工返乡人出路
  • 退伍军人出路
  • 女生学什么好
  • 男生学什么好

北大青鸟网页设计 css中英文字母和汉字行高不同怎么办

责任编辑:027hpedu来源:云顶国际登录官网网络安全教程发布时间:2013-04-24 17:04
导读:北大青鸟网络工程师BENET技术网页设计。

  北大青鸟网络工程师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”,这可能会损失一些效果,没办法如果谁有更好的解决办法可以指教一下。
       了解更多北大青鸟网络技术请继续关注云顶国际官网。

本文标题:北大青鸟网页设计 css中英文字母和汉字行高不同怎么办,责任编辑:027hpedu,来源:北大青鸟武汉宏鹏鲁广校,于2013年04月24日17时04分发布于云顶国际登录官网。武汉云顶国际登录官网专注计算机电脑IT编程培训。学校专注java培训,ui设计培训,web前端培训,python培训,大数据培训等,北大青鸟学校累计为企业培养和输送IT专业人才85万。

专业老师指导

专业老师指导

赵老师

从事IT教育培训十年有余,致力于帮助广大学子找到适合自己的专业。

培训咨询客服

培训咨询客服

陈老师

IT培训专业客服,用自己的真诚解决了无数学子的困惑。

本文地址:
文章标题:

热门课程

More+
  • Python+大数据学习

    Python+大数据学习

  • Java_9天快速掌握Java基础

    Java_9天快速掌握Java基础

  • PHP+H5_做全栈工程师

    PHP+H5_做全栈工程师

  • Web前端工程师_百日0基础入门

    Web前端工程师_百日0基础入门

  • 网络工程师BNENIT6.0

    网络工程师BNENIT6.0

  • UI课程_给你+1机会

    UI课程_给你+1机会

  • 学动漫_变二次元大神!

    学动漫_变二次元大神!

  • 大数据_9天快速入门基础

    大数据_9天快速入门基础

  • 启蒙星3.0_给你不一样的”薪“开始

    启蒙星3.0_给你不一样的”薪“开始

  • 学数字艺术,用兴趣描绘“钱途”

    学数字艺术,用兴趣描绘“钱途”

点我咨询
×
在线咨询更多问题

如您有任何疑问
在线咨询随时为您解答或拨打咨询热线:15902769092

×
  • 姓 名*
  • 手 机*
  • QQ号/微信号
  • 所报学科 *
  • 其他备注
  • 温馨提示:请保持手机畅通,咨询老师将为您提供专属的一对一报名服务。