目录
suibi

align-items属性(align默认属性)


浏览器支持

CSS align-items 属性

官方定义

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

默认值:

stretch

继承:

动画制作:

不支持。请参阅:动画相关属性。

版本:

CSS3

JavaScript 语法:

object.style.alignItems="center"

移动端左右滑动查看

描述

stretch

默认。项目被拉伸以适合容器。

center

项目位于容器的中央。

flex-start

项目位于容器的开头。

flex-end

项目位于容器的末端。

baseline

项目被定位到容器的基线。

initial

将此属性设置为默认值。

inherit

从其父元素继承此属性。

移动端左右滑动查看

实践应用

flex布局中的align-items,它可以设置
flex-start/flex-end/center/baseline,前面三个比较容易理解,baseline是如何对齐的呢?

align-items: baseline;实际上是对内容进行一条线排列。

CSS align-items 属性

写笔记

咨询

您的电子邮箱地址不会被公开。