关于css中 line-height 在ie中和在chrome中错位的问题
2015-11-13 19:54
441 查看
一 丶
IE9不支持line-height原因:中文ie9不支持英文字体
相信大家在IE9看见自己使用line-height设置垂直居中文字不能垂直居中,这是与你设置字体有关,通常大家习惯设置font-family:Arial, Helvetica, sans-serif;
ie9中line-height失效解决方法:
只需设置好字体,添加个宋体即可解决 如CSS代码font-family:Arial, "宋体",Helvetica, sans-serif;
设置字体时候注意,还需设置大家都默认系统自带字体,如黑体,宋体。
二丶
样式表中可以写line-height:28.5px !important;line-height:48.5px;(padding=10px)
因为ie中会忽视 “!important”这个属性 这样就会读取48.5的line-height 而火狐和chrome不会忽视这个属性 就会读取line-height=28.5
IE9不支持line-height原因:中文ie9不支持英文字体
相信大家在IE9看见自己使用line-height设置垂直居中文字不能垂直居中,这是与你设置字体有关,通常大家习惯设置font-family:Arial, Helvetica, sans-serif;
ie9中line-height失效解决方法:
只需设置好字体,添加个宋体即可解决 如CSS代码font-family:Arial, "宋体",Helvetica, sans-serif;
设置字体时候注意,还需设置大家都默认系统自带字体,如黑体,宋体。
二丶
样式表中可以写line-height:28.5px !important;line-height:48.5px;(padding=10px)
因为ie中会忽视 “!important”这个属性 这样就会读取48.5的line-height 而火狐和chrome不会忽视这个属性 就会读取line-height=28.5
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 设计更快的网页(三):字体和 CSS 调整
- IE右键菜单被修改
- IE:获取完整的网页
- IE:脱机浏览网页
- 利用IE收听“广播”
- 清除IE分级审查密码
- IE:添加编辑器
- IE:“自动完成”功能
- IE:如何做到全屏显示
- 给IE加个参数 永远不怕IE主页被修改
- IE:使用搜索助手
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- IE:最好用的起始页
- IE:临时文件保存法
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法