gtxyzz

CSS align-items 属性 对齐方式设置

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

CSS align-items 属性 对齐方式设置

实例

将弹性 <div> 元素的所有项目的居中对齐:

div {
  display: flex;
  align-items: center;
}

定义和用法

align-items 属性为弹性容器内的项目指定默认对齐方式。

提示:请使用每个项目的 align-self 属性来覆盖这个 align-items 属性。

CSS 语法

align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;

属性值

红色
蓝色
有更多内容的绿色 div

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