垂直居中 - 使用 line-height-白红宇

垂直居中 - 使用 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/

你可能感兴趣的文章

mysql 取表中分组之后最新一条数据分组最新数据分组取最新数据分组数据获取每个分类的最新数据

mysql 多个表关联查询查询时间长的问题

mySQL 多个表求多个count

mysql 多字段删除重复数据，保留最小id数据

MySQL 多表联合查询：UNION 和 JOIN 分析

MySQL 大数据量快速插入方法和语句优化

mysql 如何给SQL添加索引

mysql 字段区分大小写

mysql 字段合并问题（group_concat）

mysql 字段类型类型

MySQL 字符串截取函数,字段截取，字符串截取

MySQL 存储引擎

mysql 存储过程注入_mysql 视图事务存储过程 SQL注入

MySQL 存储过程参数：in、out、inout

mysql 存储过程每隔一段时间执行一次

mysql 存在update不存在insert

Mysql 学习总结（86）—— Mysql 的 JSON 数据类型正确使用姿势

Mysql 学习总结（87）—— Mysql 执行计划（Explain）再总结

Mysql 学习总结（88）—— Mysql 官方为什么不推荐用雪花 id 和 uuid 做 MySQL 主键

Mysql 学习总结（89）—— Mysql 库表容量统计