怎么样让div中的div垂直居中
让div中的div垂直居中,效果如图,我们采用Flexbox弹性伸缩布局来解决
代码如下:
#five .ico { height: 100px; width: 239px; padding: 0 23px 0 26px; float: left; border-right: 1px solid #b7babd; overflow: hidden; //仅需下面两行实现垂直居中 display: flex; align-items: center; /*justify-content: center;*/水平居中 }
可见Flexbox弹性伸缩布局十分方便简洁,原本需要使用大段代码现在只需要两行了。