博客
关于我
垂直居中 - 使用 line-height
阅读量:712 次
发布时间:2019-03-21

本文共 309 字,大约阅读时间需要 1 分钟。

垂直居中单行文本的实现方法,可以通过设置line-height高度和height高度一致来实现。如果文本只有一行,可以直接应用相同的高度属性。

以下是一组具体示例:

.center {    line-height: 200px;    height: 200px;    border: 3px solid green;    text-align: center;}

当内容包含多行文本时,需要特别调整字体高度。例如,您可以增加CSS如下:

.center p {    line-height: 1.5;    display: inline-block;    vertical-align: middle;}

转载地址:http://himez.baihongyu.com/

你可能感兴趣的文章
multi swiper bug solution
查看>>
MySQL Binlog 日志监听与 Spring 集成实战
查看>>
MySQL binlog三种模式
查看>>
multi-angle cosine and sines
查看>>
Mysql Can't connect to MySQL server
查看>>
mysql case when 乱码_Mysql CASE WHEN 用法
查看>>
Multicast1
查看>>
mysql client library_MySQL数据库之zabbix3.x安装出现“configure: error: Not found mysqlclient library”的解决办法...
查看>>
MySQL Cluster 7.0.36 发布
查看>>
Multimodal Unsupervised Image-to-Image Translation多通道无监督图像翻译
查看>>
MySQL Cluster与MGR集群实战
查看>>
multipart/form-data与application/octet-stream的区别、application/x-www-form-urlencoded
查看>>
mysql cmake 报错,MySQL云服务器应用及cmake报错解决办法
查看>>
Multiple websites on single instance of IIS
查看>>
mysql CONCAT()函数拼接有NULL
查看>>
multiprocessing.Manager 嵌套共享对象不适用于队列
查看>>
multiprocessing.pool.map 和带有两个参数的函数
查看>>
MYSQL CONCAT函数
查看>>
multiprocessing.Pool:map_async 和 imap 有什么区别?
查看>>
MySQL Connector/Net 句柄泄露
查看>>