[css] 写出div在不固定高度的情况下水平垂直居中的方法？
我知道的有两种方法<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><style>* {padding: 0;margin: 0;}/* flex居中 */.tith1 {display: flex;justify-content: center;align-items: center;background: red;}/* table居中 */.tith2 {text-align: center;width: 100%;display: table;background: blue;}.tith2 > span {display: table-cell;vertical-align: middle;}</style><body><p class="tith1"><span>123</span></p><p class="tith2"><span>123</span></p></body>
</html>个人简介
我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论
主目录
与歌谣一起通关前端面试题
![[css] 移动端的布局用过媒体查询吗？写出例子看看](http://pic.xiahunao.cn/[css] 移动端的布局用过媒体查询吗？写出例子看看)
比真实月份少一个月)
)
![[css] CSS的伪类和伪对象有什么不同？](http://pic.xiahunao.cn/[css] CSS的伪类和伪对象有什么不同？)
)
![[css] CSS的overflow属性定义溢出元素内容区的内容会如何处理呢](http://pic.xiahunao.cn/[css] CSS的overflow属性定义溢出元素内容区的内容会如何处理呢)
)
)
![[css] 外层有一个自适应高度的div，里面有两个div，一个高度固定300px，另一个怎么填满剩余的高度？](http://pic.xiahunao.cn/[css] 外层有一个自适应高度的div，里面有两个div，一个高度固定300px，另一个怎么填满剩余的高度？)
)
![[css] 说说你对CSS样式覆盖规则的理解](http://pic.xiahunao.cn/[css] 说说你对CSS样式覆盖规则的理解)
![[css] 写出几个初始化CSS的样式，并解释说明为什么要这样写](http://pic.xiahunao.cn/[css] 写出几个初始化CSS的样式，并解释说明为什么要这样写)
)
![[css] display有哪些值？分别说明他们的作用是什么？](http://pic.xiahunao.cn/[css] display有哪些值？分别说明他们的作用是什么？)