css样式设置高度不定文本垂直居中_html/css_WEB-ITnose
程序员文章站
2022-04-04 19:12:50
...
使用css实现文本垂直居中,对于支持display: table的浏览器来说,是比较容易实现的,只需要对外层div设置为table,内层div设置为table-cell,并设置文本垂直居中即可。但对于IE6/7,并不支持display:table,只能改用定位的方式来处理。外层div给一个定位,中间层div相对外层绝对定位,top为50%,内层span相对定位,top为-50%,通过正负50%的定位,使内容垂直居中。
相关演示代码(不管怎么改变div1的高度,都可以保证内容垂直居中,内容不限行数):
ie中垂直居中 IE6/7使用定位关系来垂直居中,IE8/9使用display:table和display:table-cell
上一篇: react中图片用什么标签
下一篇: JS设置时间无效问题的解决办法
推荐阅读
-
css实现的文本框focus获取焦点设置样式代码实例_html/css_WEB-ITnose
-
CSS样式:把一个段中的几个短语颜色设置成不同于文本的颜色,用span标签。_html/css_WEB-ITnose
-
文本如何做到垂直居中对齐_html/css_WEB-ITnose
-
html中的水平居中和垂直居中的问题。(固定高度与高度不定)_html/css_WEB-ITnose
-
div垂直居中的N种方法以及多行文本垂直居中的方法_html/css_WEB-ITnose
-
CSS-文本垂直居中_html/css_WEB-ITnose
-
文本如何做到垂直居中对齐_html/css_WEB-ITnose
-
CSS设置行内元素和块级元素的水平居中、垂直居中_html/css_WEB-ITnose
-
CSS实现的多行文本垂直居中实例代码_html/css_WEB-ITnose
-
css a标签设置成block后,怎么让文字垂直居中_html/css_WEB-ITnose