flex布局,解决最后一排数量不够自动向两端对齐的问题

flex布局是一种弹性盒子布局，它可以解决最后一排数量不够自动向两端对齐的问题。

在flex布局中，我们可以使用justify-content属性来设置主轴方向上的对齐方式。默认情况下，它的值为flex-start，即居左对齐。如果我们将其设置为space-between，则可以实现最后一排数量不够时自动向两端对齐的效果。

例如，我们有一行容器，里面有5个子元素，当容器的宽度无法容纳全部5个子元素时，justify-content属性的设置将起到作用。如果我们将其设置为space-between，那么剩余的空间就会平均分配到每个子元素之间，使最后一排的元素自动向两端对齐。

除了justify-content属性，还可以使用align-items属性来设置交叉轴方向上的对齐方式。默认情况下，它的值为stretch，即拉伸对齐。如果我们将其设置为flex-start，则可以实现交叉轴方向上的居上对齐效果，使子元素在交叉轴方向上对齐。

综上所述，通过使用flex布局中的justify-content和align-items属性，我们可以很方便地解决最后一排数量不够自动向两端对齐的问题。这样不仅可以提高布局的灵活性，还可以优化页面的显示效果。