IE9不支持CSS 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;

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

DIVCSS5解释：
在中文IE9中不认英文字体，所以IE9找不到设置中文字体，所以对导致字体上下垂直失效。

转载于:https://www.cnblogs.com/yanzhuan/archive/2011/10/06/2200007.html

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

文字居中、CSS中实现盒子水平垂直居中的方法
1. 文字居中: 第一种方式: 当用text-align:center时,达到的是水平居中的效果,那再用vertical-align:middle:其实是实现不了垂直居中的,此时就需要用到displa ...
Qt QComboBox下拉框文字重叠解决方法
Qt QComboBox下拉框文字重叠解决方法参考文章: (1)Qt QComboBox下拉框文字重叠解决方法 (2)https://www.cnblogs.com/nanqiang/p/10559 ...
SpringMVC 静态资源CSS，JS访问不了解决方法
SpringMVC 静态资源CSS,JS访问不了解决方法参考文章: (1)SpringMVC 静态资源CSS,JS访问不了解决方法 (2)https://www.cnblogs.com/peiy ...
mysql: “Warning: Using a password on the command line interface can be insecure.“ 解决方法
mysql: "Warning: Using a password on the command line interface can be insecure." 解决方法参考文 ...
CSS图片的下边有间隙解决方法
CSS图片的下边有间隙解决方法方法1:设置图片为块元素 img{display:block; } 方法2:给图片设置垂直对齐图片行内块元素他在对齐的时候默认的对齐方式与基线对齐 vertical ...
css布局-多行文字垂直居中
场景:父元素高度固定,如何使其中的文字垂直居中? 方法一: 代码: <style>*{padding: 0;margin:0;font-size: 12px;}div{float: le ...
css 单行/多行文字垂直居中问题
例子可以直接看这里 http://www.zhangxinxu.com/study/200911/line-height-text-v-center.html 这篇文章中有一点点解释 http://b ...
让div中的p标签文字垂直居中的方法
设置父div标签的inline-height属性将inline-height属性的值设置成和div的高度一下就可以简单的实现div中p标签内的文字垂直居中示例如下: html代码 <foot ...
div文字垂直居中的方法有哪些？
首先我们应该知道文字的水平居中比较简单,行级元素设置其父元素的text-aligncenter,块级元素设置其本身的left和rightmargins为auto即可.但是div文字的垂直居中就不是那么 ...

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

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

最新文章

热门文章