700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > CSS-文本垂直居中【HTML】

CSS-文本垂直居中【HTML】

时间:2022-09-29 11:59:22

相关推荐

CSS-文本垂直居中【HTML】

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; }

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。