css文字上下居中

Question

当前要实现一个文字上下居中的效果，一般采取的方法是line-height等于当前div的高度，如果这个div的高度是不确定的，该如何实现。
.ccs{
width:100%;
height:inherit;
background-color:blueviolet;
float:left;
line-height:???;
}
谢谢!!

Answer 1

我是要居中的文字article{height:100px;/*加上高度比较直观*/display:flex;align-items:center;background-color:green;}demo