博客
关于我
垂直居中 - 使用 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如何实现ACID ?
查看>>
mysql如何记录数据库响应时间
查看>>
MySQL子查询
查看>>
Mysql字段、索引操作
查看>>
mysql字段的细节(查询自定义的字段[意义-行列转置];UNION ALL;case-when)
查看>>
mysql字段类型不一致导致的索引失效
查看>>
mysql字段类型介绍
查看>>
mysql字段解析逗号分割_MySQL逗号分割字段的行列转换技巧
查看>>
MySQL字符集与排序规则
查看>>
MySQL字符集乱码
查看>>
mysql字符集设置
查看>>
mysql存储IP地址的数据类型
查看>>
mysql存储中文 但是读取乱码_mysql存储中文乱码
查看>>
MySQL存储引擎
查看>>
MySQL存储引擎--MYSIAM和INNODB引擎区别
查看>>
Mysql存储引擎(2):存储引擎特点
查看>>
MySQL存储引擎--MyISAM与InnoDB区别
查看>>
mysql存储总结
查看>>
mysql存储登录_php调用mysql存储过程会员登录验证实例分析
查看>>