這篇文章主要講解了“DIV+CSS讓浮動元素垂直居中的方法”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“DIV+CSS讓浮動元素垂直居中的方法”吧！
場景：在一個固定高度的div中，有一個浮動的元素，需要將這個浮動元素垂直居中。
原始代碼如下:
代碼如下:
現(xiàn)在只是簡單的設(shè)置這個button浮動，實(shí)現(xiàn)的效果看起來就像這樣：
現(xiàn)在需要將這個button在整個div里垂直居中。我的做法是在這個button外層加一個span，并且浮動這個span元素而不是之前的button。另外需要設(shè)置這個span的高和行高與外層div相同。
重慶分公司
重慶分公司
代碼如下:
span{
float: right;
height: 300px;
line-height: 300px;
}
現(xiàn)在應(yīng)該就變成這樣了：
完整代碼：
代碼如下:
感謝各位的閱讀，以上就是“DIV+CSS讓浮動元素垂直居中的方法”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對DIV+CSS讓浮動元素垂直居中的方法這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！
