怎么样让div中的div垂直居中

admin2023-01-191327

让div中的div垂直居中,效果如图,我们采用Flexbox弹性伸缩布局来解决

image.png

代码如下:

#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弹性伸缩布局十分方便简洁,原本需要使用大段代码现在只需要两行了。

网友评论