關於盒子垂直居中的小技巧

近來閒在家無事,看到好些人對盒子垂直居中存在困惑,今日便於大家一起探索實現盒子垂直居中的奧祕吖 一、 已知寬高實現子元素相對父元素垂直居中 方法一、給子元素添加margin 注意點:要記得解決子元素margin-top的兼容問題 方法二、給父元素添加padding 注意點:padding會撐大盒子,一定要記得父元素的寬高用減法或者變成怪異盒 方法三、利用元素類型的特點+vertical-align
相關文章
相關標籤/搜索