效果圖

HTML

<div class="box"><div class="content">具有行高實(shí)現(xiàn)的多行文字垂直居中效果，需要屬性vertical-align幫助</div> </div>

CSS

.box{width: 200px;line-height: 120px;background-color: #f0f0f0;}.content{display: inline-block;line-height: 20px;margin: 0 20px;vertical-align: middle;}

ps：由于vertical-align原因，此方式是近似垂直居中，不是絕對(duì)

總結(jié)

以上是生活随笔為你收集整理的学习《css世界》笔记之多行文本实现垂直居中的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。