align-items 属性
编辑教程align-items 属性
定义和用法
align-items：设置了flex容器的对齐方式。
提示：使用每个flex对象元素的 align-self 属性可重写 align-items 属性。
| 默认值： | stretch |
|---|---|
| 继承： | 否 |
| 可动画化： | 否。 |
| 版本： | CSS3 |
| JavaScript 语法： | object.style.alignItems="center"尝试一下 |
CSS 语法
align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit;
属性值
| 值 描述 | 测试 |
|---|---|
| stretch | 默认。 拉伸元件以适应容器。 |
| center | 中心元素在容器内 |
| flex-start | 位置元素在容器的开头 |
| flex-end | 位置元素在容器的末端 |
| baseline | 位置元素在容器的基线 |
| initial | 设置为默认值。 |
| inherit | 从其父元素继承此属性。 |
实例
居中对齐弹性盒的各项 <div> 元素：
div
{
display: flex;
align-items:center;
}
浏览器支持
表格中的数字表示支持该属性的第一个浏览器的版本号。
紧跟在 -webkit-, -ms- 或 -moz- 后的数字为支持该前缀属性的第一个版本。
| 属性 | Chrome | IE | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| align-items | 21.0 | 11.0 | 20.0 | 9.0 7.0 -webkit- |
12.1 |
Mos固件，小电视必刷固件
ES6 教程
Vue.js 教程
JSON 教程
jQuery 教程
HTML 教程
HTML 5 教程
CSS 教程
CSS3 教程
JavaScript 教程
DHTML 教程
JSON在线格式化工具
JS在线运行
JSON解析格式化
jsfiddle中国国内版本
JS代码在线运行
PHP代码在线运行
Java代码在线运行
C语言代码在线运行
C++代码在线运行
Python代码在线运行
Go语言代码在线运行
C#代码在线运行
JSRUN闪电教程系统是国内最先开创的教程维护系统， 所有工程师都可以参与共同维护的闪电教程，让知识的积累变得统一完整、自成体系。
大家可以一起参与进共编，让零散的知识点帮助更多的人。
X
选择支付方式：
立即支付
￥
9.99
无法付款，请点击这里
金额： 0 元
备注：
转账时请填写正确的金额和备注信息，到账由人工处理，可能需要较长时间
备注：
转账时请填写正确的金额和备注信息，到账由人工处理，可能需要较长时间
如有疑问请联系QQ:565830900
正在生成二维码， 此过程可能需要15秒钟