使用flex垂直居中(超简单)
生活随笔
收集整理的這篇文章主要介紹了
使用flex垂直居中(超简单)
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
flex+margin垂直居中
-加粗樣式 在父級中使用flex,在子級中使用margin:auto
body中的代碼
<body><div class="a"><div class="b"></div></div> </body>css樣式
.a{width: 500px;height: 500px;border: 1px solid blue;display: flex;} .b{width: 300px;height: 300px;background: red;margin:auto;}總結(jié)
以上是生活随笔為你收集整理的使用flex垂直居中(超简单)的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 【大牛系列教学】Android-App的
- 下一篇: EPM开发流程记录