css3 justify content

CSS3中的“justify-content”是一个非常有用的属性。它是用来控制弹性容器中项目的对齐方式的。通过使用这个属性，我们可以让容器中的项目沿水平或垂直方向进行对齐。

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

上面的代码中，“justify-content”被设置为“center”，即让容器中的项目在水平方向上居中对齐。其他可用的选项包括“flex-start”，“flex-end”，“space-between”，“space-around”等。

.container {
  display: flex;
  justify-content: space-between; 
}

上面的代码中，“justify-content”被设置为“space-between”，即让容器中的项目在水平方向上均匀地分布，且项目间有空隙。

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

此代码设置了“justify-content”为“flex-end”，即让容器中的项目在水平方向上右对齐。

总之，“justify-content”是一个非常有用且易于使用的属性。使用它可以轻松地控制弹性容器中项目的对齐方式，从而实现更好的布局效果。