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