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;实际上是对内容进行一条线排列。
转载声明:本文为转载发布,仅代表原作者或原平台态度,不代表我方观点。今日澳洲仅提供信息发布平台,文章或有适当删改。对转载有异议和删稿要求的原著方,可联络[email protected]。
今日评论
网友评论仅供其表达个人看法,并不表明网站立场。
最新评论(0)
暂无评论
热评新闻