zoukankan      html  css  js  c++  java
  • ie9不支持line-height_ie9不支持字体垂直居中兼容问题解决篇_IE9中字体不能垂直居中解决方法

    在IE9中浏览DIV CSS网页文字字体偏上方,设置文字垂直上下居中line-height样式失效,而其它浏览器包括ie6-ie8均正常,究竟什么原因造成,如何解决与避免在ie9浏览器line-height失效。

    一、ie9 line-height失效原因  

    CSS中使用了中文字体,而中文字体使用汉字。如:
    font-family:"微软雅黑"

    使用CSS字体font-family样式使用了“宋体”、“黑体”或“微软雅黑”等中文字体以汉字设置于CSS中。

    在网页DIV+CSS布局中不可避免使用中文字体如:黑体、宋体、微软雅黑等中文字体,如何正确使用这些中文字体样式呢?接下来我们来了解如何解决使用这些中文字体,又兼容IE9,支持IE9使用汉字字体。

    二、解决ie9字体不垂直居中方法 

    1、将中文字体汉字转换为Unicode编码

    “黑体”对应Unicode编码为“9ED14F53”
    “宋体”对应Unicode编码为“5B8B4F53”
    “仿宋”对应Unicode编码为“4EFF5B8B”
    “微软雅黑”对应Unicode编码为“5FAE8F6F96C59ED1”

    将汉字转换为Unicode编码的字符,即成功设置相应字体,又兼容IE9浏览器支持垂直居中line-height样式。

    .div{ font-family:"微软雅黑"} 
    
    转换为Unicode编码后
    
    .div{ font-family:"5FAE8F6F96C59ED1"} 
    

      

    汉字字体中文字转换为Unicode编码后字体效果相同,不受影响,兼容各大浏览器。

    如果记不住Unicode编码表怎么办?
    CSS+DIV布局中常用css字体中,中文字体就那几个黑体、宋体、仿宋、微软雅黑。如果记不住可以进入css Unicode编码表查看并复制使用。(http://www.divcss5.com/jiqiao/j325.shtml

    2、将中文字体汉字使用英文名


    将CSS+DIV布局中CSS设置中文字体汉字转换对应英文名字体,转换后设置中文字体效果不变,并兼容各大浏览器。

    “黑体”对应英文名为“SimHei”
    “宋体”对应英文名为“SimSun”
    “仿宋”对应英文名为“FangSong”
    “微软雅黑”对应英文名为“Microsoft YaHei”

    .div{ font-family:"微软雅黑"} 
    
    转换为英文名后
    
    .div{ font-family:"Microsoft YaHei"} 

    将div css布局中css字体使用汉字字体转换为英文名的字体,其设置字体效果不变不受影响,并兼容各大浏览器,大家可以放心使用。

    如果不能记住常见的中文字体对应英文命名,可进入DIVCSS5为大家整理Unicode编码表+英文命名表(http://www.divcss5.com/jiqiao/j325.shtml查询复制使用。

  • 相关阅读:
    java 基础中的字符串
    Java中的基本数据类型
    js 实现焦点图轮播效果和 jquery实现焦点图轮播效果
    Html中 value 和 name 属性的作用
    分别用js 和 html/css实现下拉菜单特效
    divide-conquer-combine(4.1 from the introduction to algorithm)
    1063. Set Similarity (25)
    1085. Perfect Sequence (25)
    1015. Reversible Primes (20)
    1057. Stack (30)
  • 原文地址:https://www.cnblogs.com/zhicheng/p/3642172.html
Copyright © 2011-2022 走看看