CSS实现的多行文本垂直居中实例代码【HTML】

web前端|html教程

CSS实现的多行文本垂直居中实例代码

web前端-html教程

CSS实现的多行文本垂直居中实例代码:

强制锁电脑源码完整版,ubuntu下闪屏,知乎防止爬虫,php7php8性能,海淀快手seolzw

将一行文本在容器中垂直居中是非常简单的，只需要两句代码就好了，例如:

c语言 aes加密 源码,vscode设置字体配置文件,ubuntu网络问好,tomcat启动页面访问,爬虫自动回帖,rootpath php,平谷区常规seo服务成本,婚恋网站模板下载lzw

div{ width:100px; height:100px; line-height:100px;}

仿国外企业代源码,连接ubuntu经常断开,爬虫request请求代理,php时序,seo网站 软件lzw

以上代码可以实现单行文本在div中垂直居中效果，只要将div的height属性值和line-height设置为相同就可以了。

但是以上代码并不能实现多行文本垂直居中下过，下面再看一段代码实例:

.wrapper { width:200px; height:200px; background:#F60; font-size:0; }.wrapper:before { content:.; display:inline-block; vertical-align:middle; height:100%;}.content { display:inline-block; text-align:center; font-size:16px }

蚂蚁部落欢迎您，只有奋斗才会有美好的未来！

以上代码实现了多行文本垂直居中对齐，这里就不多介绍了，可以直接套用就可以了。

原文地址是:/div_cssjiaocheng//0525/2450.html

最为原始地址是:/forum.php?mod=viewthread&tid=9626