前端css八股文之讓元素水平垂直居中

這題不多說(shuō),沒(méi)考到過(guò)才離譜
這里默認(rèn)父元素是未知高低的,因此不使用確定數(shù)值定位
1. 使用flex(我個(gè)人最喜歡的方法)
關(guān)于flex布局的學(xué)習(xí),這里建議可以看下黑馬pink老師的視頻,老師在B站也有號(hào),但是好像不是他自己在運(yùn)營(yíng)??次恼碌脑捦扑]看下阮一峰大大的文章:【Flex 布局教程:語(yǔ)法篇 - 阮一峰的網(wǎng)絡(luò)日志】http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
2. 使用行內(nèi)元素
其中vertical-align屬性建議百度下,這里面水太深,我把握不住~
鏈接:【vertical-align到底怎么用】https://www.jianshu.com/p/ce7e4a997a2c
3. 使用絕對(duì)定位
效果

不足之處麻煩指出,謝謝!
標(biāo)簽: