鍍金池/ 問(wèn)答/HTML/ 怎么讓div里面的不確定字?jǐn)?shù)的文字（一行或兩行）水平垂直都居中呢？

怎么讓div里面的不確定字?jǐn)?shù)的文字（一行或兩行）水平垂直都居中呢？

如題。怎么實(shí)現(xiàn)這種效果呢?水平垂直永遠(yuǎn)都是居中的！

<p>這里面是一些文字，但是不確定字?jǐn)?shù)，可能一行可能多行的</p>

css:
p{

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

}
但是這樣并沒(méi)有垂直居中，有沒(méi)有知道？謝謝！

回答
編輯回答
執(zhí)念

flex 屢試屢爽

2018年1月15日 03:30
編輯回答
愛(ài)礙唉

今天正好碰巧看到，你可以任選里面的方法來(lái)做。講得比較全面
https://funteas.com/topic/5a0...

2017年8月8日 11:50
編輯回答
葬憶

文字用容器包起來(lái)。文字容器高度自適應(yīng)并對(duì)文字容器居中

2017年5月6日 09:01
編輯回答
汐顏

看不慣那種惡意踩帖的，居中明明是個(gè)很好的問(wèn)題，問(wèn)題得票我給掰正了

2017年11月23日 22:09
編輯回答
話寡

貌似很多人問(wèn)這個(gè)問(wèn)題耶...
sf有很多文章介紹各種垂直居中的

我這里有個(gè)垂直居中兼容性良好的demo，你可以參考下

2017年6月29日 04:05