如何垂直对齐div内的段落[重复]

Question

http://www.gabrielleelizabethstudios.com/GEA_html/thejustingallery.html

我无法让它自动垂直对齐。我知道我可以手动添加一个 padding-bottom 以使其居中，但我宁愿它自动垂直定位。我该怎么做呢？而且我需要保留 display: inline-block 功能。

<div style="width:375px; height 250px; display: inline-block; margin:10px; padding: 0;text-align: center;">          
                <p>title</br></br>     
            text for paragraph goes here</p>
</div>

Answer 1

您必须将vertical-align: middle; 设置为.masonry .item { 类

.masonry .item {
    height: 250px;
    margin: 10px;
    display: inline-block;
    vertical-align: middle;
    }

并将vertical-align: middle; 添加到p 元素的父 div

<div style="width: 375px; display: inline-block; margin: 10px; padding: 0px; text-align: center; vertical-align: middle;">

Answer 2

您可以为段落标签使用 CSS 类，如下所示：

.p {
    padding-left:40px;
}