采用CSS进行网页排版时,常面临元素垂直方向对齐的问题。在一般情况下,元素是采用默认的垂直对齐方式,即基线(baseline)对齐方式,但是有时候我们需要使用上下元素对齐方式来满足特定排版需求。 在C
<div style="display:flex;align-items:center;"> <p>这是一段文字</p> <img src="xxx.jpg"> </div>
<div style="display:table;"> <p style="display:table-cell;vertical-align:middle;">这是一段文字</p> <img style="display:table-cell;vertical-align:middle;" src="xxx.jpg"> </div>
<div style="height:200px;line-height:200px;"> <p style="display:inline-block;vertical-align:middle;">这是一段文字</p> <img style="vertical-align:middle;" src="xxx.jpg"> </div>
粉丝
0
关注
0
收藏
0