gtxyzz

CSS align-content 属性

gtxyzz web技术 2022-07-07 532浏览 0

CSS align-content 属性

实例

将行打包到弹性容器的中央:

div {
  width: 70px;
  height: 300px;
  border: 1px solid #c3c3c3;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}

定义和用法

align-content 属性修改 flex-wrap 属性的行为。它与 align-items 相似,但是它不对齐弹性项目,而是对齐弹性线。

注意:必须有多行项目,此属性才能生效!

提示:使用 justify-content 属性可将主轴上的项目(main-axis)水平对齐。

CSS 语法

align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;


align-content 属性

继续浏览有关 css 的文章
发表评论