css align-content:center属性控制弹性布局容器内所有行的对齐方式

css align-content:center属性

css align-content:center属性是一种弹性布局属性，用于设置容器内所有行的对齐方式。它可以让容器内的行垂直居中对齐，以便在不同浏览器中保持一致的显示效果。

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

上面的代码中，align-content:center用于设置容器内的所有行垂直居中对齐，以实现一致的显示效果。

除了align-content:center属性，还可以使用其他属性来控制容器内的行的对齐方式，如flex-start、flex-end、space-between、space-around等。

.container {
  display: flex;
  align-content: flex-start; // 容器内的行顶部对齐
  align-content: flex-end; // 容器内的行底部对齐
  align-content: space-between; // 容器内的行两端对齐，行间距相等
  align-content: space-around; // 容器内的行两端对齐，行间距相等，且两端行间距比其它行多一倍
}

以上就是css align-content:center属性的使用方法，它可以让容器内的行垂直居中对齐，以便在不同浏览器中保持一致的显示效果。