最好看的新闻,最实用的信息
06月03日 2.8°C-10.6°C
澳元 : 人民币=4.83
卧龙岗
今日澳洲app下载
登录 注册

CSS align-items 属性

2021-09-04 来源: 网易 原文链接 评论0条

浏览器支持

CSS align-items 属性 - 1

官方定义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 属性 - 2

转载声明:本文为转载发布,仅代表原作者或原平台态度,不代表我方观点。今日澳洲仅提供信息发布平台,文章或有适当删改。对转载有异议和删稿要求的原著方,可联络content@sydneytoday.com。
今日评论 网友评论仅供其表达个人看法,并不表明网站立场。
最新评论(0)
暂无评论


Copyright Media Today Group Pty Ltd.隐私条款联系我们商务合作加入我们

电话: (02) 8999 8797

联系邮箱: info@sydneytoday.com 商业合作: business@sydneytoday.com网站地图

法律顾问:AHL法律 – 澳洲最大华人律师行新闻爆料:news@sydneytoday.com

友情链接: 华人找房 到家 今日支付Umall今日优选