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

审核中 CSS3 未结已结置顶精帖

删除置顶取消置顶加精取消加精

 66  0

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;
}