單行文字與多行文字在div排列中垂直居中

在一行四列、固定高度的div中,有的div裏p爲單行,有的p爲多行,要使他們都能保持在div中居中。

  1. 爲父元素設置高度、行高
  2. 爲p元素設置display、行高、位置
div{
    width:100px;
    height:200px;
    line-height:200px;
}
div p{
    display:inline-block;
    vertical-align:middle;
    font-size:20px;
    line-height:25px;
}
    
    

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章