点击下载
本文文档

当前位置：首页 - 科技 - 知识百科 - 正文

CSS如何实现多行文本垂直居中效果_html/css_WEB-ITnose

来源：懂视网责编：小采时间：2020-11-27 16:17:31

CSS如何实现多行文本垂直居中效果_html/css_WEB-ITnose

CSS如何实现多行文本垂直居中效果_html/css_WEB-ITnose:CSS如何实现多行文本垂直居中效果:想要实现单行文本在元素中垂直居中，非常的简单，只要将元素的line-height和height属性值设置为相同即可，例如: line-height:30px;height:30px; 但是要设置多行文本垂直居中效果，就稍稍费一些周折了，代码如下:

推荐度：

点击下载本文 文档为doc格式

导读CSS如何实现多行文本垂直居中效果_html/css_WEB-ITnose:CSS如何实现多行文本垂直居中效果:想要实现单行文本在元素中垂直居中，非常的简单，只要将元素的line-height和height属性值设置为相同即可，例如: line-height:30px;height:30px; 但是要设置多行文本垂直居中效果，就稍稍费一些周折了，代码如下:

CSS如何实现多行文本垂直居中效果:
想要实现单行文本在元素中垂直居中，非常的简单，只要将元素的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/

声明：本网页内容旨在传播知识，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

CSS如何实现多行文本垂直居中效果_html/css_WEB-ITnose

CSS如何实现多行文本垂直居中效果_html/css_WEB-ITnose:CSS如何实现多行文本垂直居中效果:想要实现单行文本在元素中垂直居中，非常的简单，只要将元素的line-height和height属性值设置为相同即可，例如: line-height:30px;height:30px; 但是要设置多行文本垂直居中效果，就稍稍费一些周折了，代码如下:

推荐度：

点击下载本文 文档为doc格式

标签：居中怎么多行文字

热门焦点

最新推荐

猜你喜欢

热门推荐

产品服务发展历程企业资讯企业文化关于我们加入我们联系我们网站导航网站律师

中国扫黄打非网

Copyright © 2019-2024 51dongshi.com 版权所有

赣ICP备2023002352号-2

违法及侵权请联系：TEL:177 7030 7066 E-MAIL:11247931@qq.com 本站由北京市万商天勤律师事务所王兴未律师提供法律服务

Top