如何在div内垂直对齐段落

http://www.gabrielleelizabethstudios.com/GEA_html/thejustingallery.html 如何在div内垂直对齐段落

我无法让它自动垂直对齐。我知道我可以添加一个填充底部来手动居中，但我宁愿它自动垂直放置。我会如何去做这件事？我需要保持显示：内联块功能。

<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>

来源

2014-09-21 Justin Merriman

http://css-tricks.com/centering-in-the-unknown/ – 2014-09-21 21:29:16

也看看：【如何将文本垂直居中在CSS与div？]（http://stackoverflow.com/questions/8865458/how-to-align-text-vertically-center-in-div-with-css?rq=1）。 – 2014-09-21 21:36:01

必须设置vertical-align: middle;到.masonry .item {类

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

，并添加vertical-align: middle;到p元素

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

来源

2014-09-21 21:26:13 Farshad

完美工作，从来没有猜到要这样做。非常感谢！ – 2014-09-21 21:46:20

不客气@JustinMerriman – Farshad 2014-09-21 21:47:16

-1

你可以使用一个CSS类的段落标记的父格，东西像这样：

.p { 
    padding-left:40px; 
}

来源

2014-09-21 21:27:44 CH3M

您可以使用垂直对齐：

<div>   
     <p>title text for paragraph goes here</p> 
</div> 

div{ 
    background-color:yellow; 
    text-align:center; 
    height: 200px; 
    display:table-cell; 
    vertical-align:middle; 
}

http://jsfiddle.net/a95gmp42/

来源

2014-09-21 21:29:00 Maigret

如何在div内垂直对齐段落

回答

相关问题