[分享]css取消justify-content

在CSS中，justifycontent属性可以用来控制容器内项目的水平对齐方式。默认情况下，它的属性值是flexstart，表示项目放置在容器的起始位置。除此之外，还有flexend、center、...

在CSS中，justify-content属性可以用来控制容器内项目的水平对齐方式。默认情况下，它的属性值是flex-start，表示项目放置在容器的起始位置。除此之外，还有flex-end、center、space-between和space-around等多种属性值可供选择。

有些情况下，我们可能需要取消容器的justify-content属性，即让项目按照它们本来的水平位置排列，而不受容器的影响。这时，我们可以使用justify-content: unset;来取消这个属性的影响。

.container {
  display: flex;
  justify-content: unset;
} 

使用unset可以让我们很方便地取消justify-content属性的影响，而不必手动去计算项目的位置或用其他方式实现布局。当我们需要对特定的项目进行水平对齐时，再单独设置justify-content属性即可。