CSS如何实现多行文本垂直居中效果_html/css_WEB-ITnose
程序员文章站
2022-05-12 18:14:35
...
CSS如何实现多行文本垂直居中效果:
想要实现单行文本在元素中垂直居中,非常的简单,只要将元素的line-height和height属性值设置为相同即可,例如:
想要实现单行文本在元素中垂直居中,非常的简单,只要将元素的line-height和height属性值设置为相同即可,例如:
line-height:30px;height:30px;
但是要设置多行文本垂直居中效果,就稍稍费一些周折了,代码如下:
蚂蚁部落 蚂蚁部落欢迎您
以上代码可以将多行文本设置为垂直居中效果,不过IE7和IE7以下浏览器不支持。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=11580
更多内容可以参阅:http://www.softwhy.com/divcss/
推荐阅读
-
css5种实现垂直居中_html/css_WEB-ITnose
-
jquery+div如何实现frameset效果?_html/css_WEB-ITnose
-
如何让Div始终保持水平居中或者垂直居中_html/css_WEB-ITnose
-
CSS如何实现段落首字符缩进两个字符效果_html/css_WEB-ITnose
-
CSS如何实现禁止选中文本_html/css_WEB-ITnose
-
css如何将div实现全屏水平垂直居中_html/css_WEB-ITnose
-
help!please(如何让文字垂直居中?)_html/css_WEB-ITnose
-
css如何实现li元素在父元素中平均分布效果_html/css_WEB-ITnose
-
【CSS】隐藏多行文本框Textarea在IE中的垂直滚动条_html/css_WEB-ITnose
-
这样的下拉效果如何实现?_html/css_WEB-ITnose