使用align-items:center和justify-content:center都可以让元素居中显示,值得注意的是,居中样式需放在整个样式的最前位置才能生效,我试过加上!important优先显示可不行。

.xg-list{
  display: flex; 
  flex-direction: column; /* 垂直居中 */
  align-items: center; 
  justify-content: center;
  /*后跟随样式*/
}

 

上面代码为每行元素换行居中,如果需要并排居中显示,把flex-direction: column;删除即可

发表回复

后才能评论