CSS align-items属性
-
定义和用法
align-items属性指定灵活容器内项目的默认对齐方式。提示:使用每个项目的align-self属性覆盖align-items属性。特征 说明 默认值 stretch 继承 没有 动画 没有。CSS动画参考 CSS版本 CSS3 JavaScript语法 object .style.alignItems="center"尝试一下 -
浏览器支持
表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。属性 Internet Explorer Chrome FireFox Safari Opera 属性名称 align-items 11.0 21.0 20.0 9.0 7.0-webkit- 12.1 -
CSS语法
align-items: stretch|center|flex-start|flex-end|baseline|initial|inherit; -
实例
为flex的<div>元素的所有项目居中对齐:
尝试一下div { display: -webkit-flex; /* Safari */ -webkit-align-items: center; /* Safari 7.0+ */ display: flex; align-items: center; }
-
属性值
属性值 描述 stretch 默认。 项目被拉伸以适合容器 center 物品位于容器的中心 flex-start 项目位于容器的开头 flex-end 项目位于容器的末尾 baseline 项目位于容器的基线处 initial 将此属性设置为其默认值。查看initial关键字 inherit 从其父元素继承此属性。查看inherit关键字 -
相关页面
HTML教程:HTML样式