使用align-items:center和justify-content:center都可以让元素居中显示,值得注意的是,居中样式需放在整个样式的最前位置才能生效,我试过加上!important优先显示可不行。
.xg-list{
display: flex;
flex-direction: column; /* 垂直居中 */
align-items: center;
justify-content: center;
/*后跟随样式*/
}
上面代码为每行元素换行居中,如果需要并排居中显示,把flex-direction: column;删除即可
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
暂无评论内容