从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章运用简单易懂的例子给大家介绍怎么用css align-items属性,代码非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
创新互联建站服务紧随时代发展步伐,进行技术革新和技术进步,经过十余年的发展和积累,已经汇集了一批资深网站策划师、设计师、专业的网站实施团队以及高素质售后服务人员,并且完全形成了一套成熟的业务流程,能够完全依照客户要求对网站进行网站建设、网站制作、建设、维护、更新和改版,实现客户网站对外宣传展示的首要目的,并为客户企业品牌互联网化提供全面的解决方案。css align-items属性是用于指定float容器内项目在横轴方向的对齐方式:拉伸以填充容器、以横轴为中心、在顶部垂直对齐、在底部垂直对齐、横轴的基线处对齐。
CSS align-items属性
align-items属性是Flexible Box 布局模块的子属性。
作用:定义了如何沿当前行的横轴布置弹性项目的默认(对齐)行为。
注:可以在float容器内的每个子项目中使用align-self属性来覆盖align-items属性的样式。
语法:
align-items: stretch|center|flex-start|flex-end|baseline;
stretch(默认):拉伸以填充容器(仍然尊重最小宽度/大宽度)。
center:项目以横轴为中心;默认情况下,横轴是垂直的,这意味着flexbox项目将垂直居中 。
flex-start:项目在横轴的开始处对齐,即项目将在顶部垂直对齐。
flex-end:项目在横轴末端对齐,即项目将在底部垂直对齐
baseline:项目在横轴的基线处对齐,即flexbox项目将自身对齐,以使其文本的基线沿水平线对齐。
CSS align-items属性的使用示例
- 1
2- 3
- 4
5- 6
- 1
2- 3
- 4
5- 6
- 1
2- 3
- 4
5- 6
- 1
2- 3
- 4
5- 6
- 1
2- 3
- 4
5- 6
效果图:
关于怎么用css align-items属性就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图