多个子元素上下/左右居中展示

审核中 CSS3 未结 已结 置顶 精帖
删除 置顶 取消置顶 加精 取消加精
66 0
yswl
yswl VIP3 2022-04-26 10:19:26
悬赏:60金币 编辑此贴

div

<div class="div1">
    <li>按钮1</li>
    <li>按钮2</li>
    <li>按钮3</li>
</div>

css

.div1{
    width: 800px; 
    height: 800px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}