css中align-content属性如何使用？这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容，让我们一起来看看吧！
css align-content属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）。容器内必须有多行的项目，该属性才能渲染出效果。
css align-content属性怎么用?
定义和用法
align-content 属性在弹性容器内的各项没有占用交叉轴上所有可用的空间时对齐容器内的各项（垂直）。
提示：使用 justify-content 属性对齐主轴上的各项（水平）。
注意：容器内必须有多行的项目，该属性才能渲染出效果。
默认值： stretch
继承： 否
可动画化： 否。
版本： CSS3
JavaScript 语法：
object.style.alignContent="center"
CSS 语法
align-content: stretch|center|flex-start|flex-end|space-between|space-around|initial|inherit;
属性值
● stretch 默认值。项目被拉伸以适应容器。
● center 项目位于容器的中心。
● flex-start 项目位于容器的开头。
● flex-end 项目位于容器的结尾。
● space-between 项目位于各行之间留有空白的容器内。
● space-around 项目位于各行之前、之间、之后都留有空白的容器内。
● initial 设置该属性为它的默认值。
● inherit 从父元素继承该属性。
实例
对齐弹性盒的
注意: Internet Explorer 10 及更早版本浏览器不支持 align-content 属性。
注意: Safari 7.0 及更新版本通过 -webkit-align-content 属性支持该属性。
效果输出：
感谢各位的阅读！看完上述内容，你们对css中align-content属性如何使用大概了解了吗？希望文章内容对大家有所帮助。如果想了解更多相关文章内容，欢迎关注创新互联网站制作公司行业资讯频道。
售后响应及时
7×24小时客服热线
数据备份
更安全、更高效、更稳定
价格公道精准
项目经理精准报价不弄虚作假
合作无风险
重合同讲信誉，无效全额退款
网站设计包含服务
网站制作流程
有效沟通方式
售后服务
+ 品牌创意
+ 宣传视频
+ 大陆官网
+ 外贸官网
+ 移动应用
+ 形象设计
网站建设
网站优化
网站制作
网站制作
网络营销
网站维护
公司简介
我们的观点
为什么选择我们
企业文化
支付方式
联系方式
在线留言
提交意向表
在线客服
来访路线
