怎么让div里面的不确定字数的文字（一行或两行）水平垂直都居中呢？

Question

如题。怎么实现这种效果呢?水平垂直永远都是居中的！

<p>这里面是一些文字，但是不确定字数，可能一行可能多行的</p>

css:
p{

width:100px;
height:100px;
text-align:center;
 vertical-align: middle;
    font-size: 14px;
color: #000; 

}
但是这样并没有垂直居中，有没有知道？谢谢！

Answer 1

今天正好碰巧看到，你可以任选里面的方法来做。讲得比较全面
https://funteas.com/topic/5a0...

Answer 2

看不惯那种恶意踩帖的，居中明明是个很好的问题，问题得票我给掰正了

Answer 3

貌似很多人问这个问题耶...
sf有很多文章介绍各种垂直居中的

我这里有个垂直居中兼容性良好的demo，你可以参考下

Answer 4

flex 屡试屡爽

Answer 5

文字用容器包起来。文字容器高度自适应并对文字容器居中