html - div 内部 block 的垂直对齐中间

Question

我在使用 vertical-align: center for <p> 时遇到问题里面<div> .没有什么要解释的了，所以我只是链接 JSfidle I'm JSFiddle link

编辑:请记住有`

.cover-price p{

    width: 100%;
    height: 50px;
    background-color: rgba(0,0,0, .3);`

所以价格有一个小的黑色背景。

Answer 1

使用 display: table; 到你的主 div 和 display: table-cell; vertical-align: middle; 到你的 p

Demo