首页 > 试题广场 >

如何使用Flex布局实现如下p元素在div元素中水平垂直居中

[问答题]
如何使用Flex布局实现如下p元素在div元素中水平垂直居中的效果?
<div class="flex"> <p>content content</p> </div>

div:{
    display:flex;
    justify-content:center;
    align-item:center;
}

发表于 2019-03-12 11:47:51 回复(0)
.flex{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
}

发表于 2018-12-10 15:56:02 回复(0)