IE9不支持CSS line-height的文字垂直居中解决方法

最新推荐文章于 2024-01-15 15:47:03 发布

最新推荐文章于 2024-01-15 15:47:03 发布 · 244 阅读

本文探讨了在IE9浏览器中使用line-height属性进行文字垂直居中的问题，并提供了具体的解决方案。通过调整字体设置，例如增加宋体，可以有效解决IE9下line-height失效的问题。

我们在IE9常常会遇见自己写的DIV CSS网页，文字有时不能垂直居中，究竟IE9 line-height设置文字不能垂直居中原因是什么？

IE9不支持line-height原因：中文ie9不支持英文字体

相信大家在IE9看见自己使用line-height设置垂直居中文字不能垂直居中，这是与你设置字体有关，通常大家习惯设置font-family:Arial, Helvetica, sans-serif;

ie9中line-height失效解决方法：
只需设置好字体，添加个宋体即可解决如CSS代码font-family:Arial, "宋体",Helvetica, sans-serif;

设置字体时候注意，还需设置大家都默认系统自带字体，如黑体，宋体

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

iteye_20785

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

关于css中line-height(行高)设置无效的问题的解决方法

12-13

在CSS（层叠样式表）中，`line-height` 是一个非常重要的属性，它用于设置元素内文本行之间的垂直间距。然而，在某些情况下，我们可能会遇到`line-height`设置无效的问题，这通常与CSS的解析顺序和优先级有关。本文...

解决line-height=height元素高度但是文字并没有垂直居中的问题

11-19

标题提到的问题——"line-height=height元素高度但是文字并没有垂直居中"，实际上涉及到的是文本排版中的基线对齐原理。首先，我们要理解什么是基线。在排版中，基线是文本字符底部所在的线，它不是一个实际可见的...

参与评论您还未登录，请先登录后发表或查看评论

div+css文本水平垂直居中，兼容ie、谷歌等浏览器

12-06

div+css文本水平垂直居中，兼容ie、谷歌等浏览器

ie9不支持line-height_ie9不支持字体垂直居中兼容问题解决篇_IE9中字体不能垂直居中解决方法...

weixin_34326429的博客

04-03

170

在IE9中浏览DIVCSS网页文字字体偏上方，设置文字垂直上下居中line-height样式失效，而其它浏览器包括ie6-ie8均正常，究竟什么原因造成，如何解决与避免在ie9浏览器line-height失效。一、ie9 line-height失效原因 CSS中使用了中文字体，而中文字体使用汉字。如：font-family:"微软雅黑" 使用CSS字体font-family样式使用了...

html ie9不居中,line-height在IE9及以上版本浏览器不能垂直居中解决方法

weixin_42503446的博客

06-24

223

ie9不支持line-height ie9不支持字体垂直居中兼容标题希图篇，IE9中字体不能垂直居中筹算篇在IE9中涉猎DIVCSS网页文字字体偏上方，配置文字垂直凹凸居中line-height格局奏效，而其余涉猎器搜罗ie6-ie8均正常，终归甚么原因组成，如何治理和抗御在ie9浏览器line-height奏效。一、ie9 line-height奏效原由CSS中使用了中翰墨体，而中翰墨体使用汉...

html ie9不居中,解决ie9字体不垂直居中方法

weixin_29206669的博客

06-24

245

1、将中文字体汉字转换为Unicode编码“黑体”对应Unicode编码为“\9ED1\4F53”“宋体”对应Unicode编码为“\5B8B\4F53”“仿宋”对应Unicode编码为“\4EFF\5B8B”“微软雅黑”对应Unicode编码为“\5FAE\8F6F\96C5\9ED1”将汉字转换为Unicode编码的字符，即胜利设置响应字体，又兼容IE9涉猎器支持垂直居中line-height...

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

殷菲菲菲姐的博客

06-11

1148

1、将中文字体汉字转换为Unicode编码“黑体”对应Unicode编码为“\9ED1\4F53”“宋体”对应Unicode编码为“\5B8B\4F53”“仿宋”对应Unicode编码为“\4EFF\5B8B”“微软雅黑”对应Unicode编码为“\5FAE\8F6F\96C5\9ED1”将汉字转换为Unicode编码的字符，即成功设置相应字体，又兼容IE9浏览器支持垂直居中line-height...

CSS line-height行高上下居中垂直居中样式属性

12-08

在网页设计中，`line-height` 是一个非常重要的CSS样式属性，用于控制元素内部文本行之间的垂直间距，它可以帮助实现文字和图片的上下居中，以及单行或多行文本的垂直布局。`line-height` 的值可以是绝对长度单位...

精选资源

移动端android上line-height不居中的问题的解决

01-05

现在越来越多的移动界面使用rem适配，遇到的坑也不尽其数，今天就移动端android上line-height不居中的问题提出自己的解决办法。据分析得知原因： 1.字体大小不要使用奇数字号，带小数点的更不要提了。也就是说...

【转】IE6下Line-height失效问题

qiandundiandi的专栏

08-27

376

总是会遇到图片与文字并排，在IE6及更低版本浏览器下行高失效的问题。首先，我们来看一下原因： IE下line-height属性失效是由于文字中包含img、input、select、textarea、button、object等标记造成的。或者也可以说是在line-height的元素里的文字，同时有了block或者是inline-block元素导致的。解决办法：对和文字

【CSS】解决height = line-height 文字不垂直居中（偏上、偏下）的问题

最新发布

qing_小诺的博客

01-15

3628

查看 font-family 属性，确认是否是因为字体而导致的不垂直居中问题。line-height 属性设置的行高也就是定义的两行文字基线之间的距离!基线就是小写x字母的下边缘(线) 就是我们常说的。

IE6 line-height 失效

DreamFly

06-27

817

今天弄页面排版，发现line-height在IE6中失效啦！！~~在网上找了一下解决方法： BUG症状：当在一个容器里文字和img、input、textarea、select、object等元素相连的时候，对这个容器设置的line-height数值会失效；同时以上元素的行高可能×2：受影响的浏览器： Microsoft Internet Explorer 5.01 / Windows Micro

css line height无效,IE9中CSS line-height的文字垂直居中无效

weixin_36480977的博客

08-03

755

在ie9中有不少朋友会发现CSS中的line-height控制的文字垂直居中无效问题，下面小编来给各位朋友详细介绍此问题的具体解决方法。在IE9常常会遇到写的DIV CSS网页，文字有时不能垂直居中使用line-height根本无效，即使可以设置IE浏览器的兼容模式，但对于访客而言不可能每个人都会去设置兼容模式浏览，只能算是掩耳盗铃的解决办法，怎么办呢？只好搜索了，百度了一下才找到原因，原来IE9...

一次内联元素错位引发对line-height的思考

weixin_34018202的博客

11-08

374

作者：李一睿 line-height 对于一个前端小可爱来说，应该是一个会经常碰面的老朋友了。可是有一天，我突然发现自己好像对他没那么了解，他也没有外表看起来的那么简单。事情的经过是这样的…… 在偶然一次工作中，我写了这样的模板： <div> <span class="name">重大疾病险</span> <span class="t...

关于ie下 line-height 不兼容，采用margin-top解决办法

cms专家

08-07

3999

ie下对图片等非文字元素设置了

【IE】IE对line-height 失效的的解决方案

weixin_33836874的博客

05-12

1357

微软的IE9 + Extjs3.1 确实头疼。在使用了line-height:20px 的Tree的样式，可是一直没有生效，以下给出3中解决方式：方案1、加padding-top： <div style="height:22px;line-height:22px; padding-top:3px;background:red;color:#FFFFFF;font-siz...

各浏览器私有前缀-兼容行高line-height

信念堤岸

02-25

6835

line-height: 35px\9; /*IE8*/ *line-height: 35px; /* IE7支持 */ _line-height: 35px; /* IE6支持 */ -ms-line-height: 35px;/*IE9+支持*/ -webkit-line-height: 1; /*chrome safair*/ -moz-line-

【IE】IE对line-height 失效的的解决方式

Draco

04-25

7023

微软的IE9 + Extjs3.1 确实头疼，在使用了line-height:20px 的Tree的样式，但是一直没有生效，下面给出3中解决方案：方案1、加padding-top：文字字方案2、加overflow:hidden：文字字方案3、设置字体为微软雅黑或者宋体 font-family: Microsoft YaHei,Arial,