web前端|html教程
CSS-文本垂直居中
web前端-html教程
文本水平居中可以将text-align设置为center即可,垂直居中的话如果是单纯的设置vertical-align是没办法单独设置成功的,垂直居中的文字分为单行文本和多行文本,主要是两种不同的实现方式。
yg小说源码,ubuntu16 源,跟tomcat相似的服务器,爬虫竞争对手,网上书店系统论文php,泉州seo知识lzw
单行文本垂直居中
局域网进销存软件网页源码,ubuntu系统恢复出,爬虫技术怎样赚钱,php集群方法,seo排名跳转lzw
设置line-height和height高度一样即可:
好贷 源码,vscode解密js,ubuntu怎么设置中文系统,造成tomcat溢出,sqlite 损坏的几种,wordpress app 插件,软件开发的前端框架,爬虫搜微博评论,php for w3c,seo图标制作,餐饮网站系统,html制作简单网页代码,tourex模板,多人博客系统程序lzw
.outer-line { border: 1px solid red; height: 200px; line-height: 200px; width: 200px; }
博客园-FlyElephant
多行文本垂直居中
通过table和table-cell的方式实现垂直居中:
博客园-FlyElephant 原文地址:/xiaofeixiang/
样式设置:
.outer-table { border: 1px solid red; height: 200px; width: 200px; margin-top: 20px; display: table; } .inner { display: table-cell; vertical-align: middle; }