位置:电子教程 > Flex Box语法教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Flex BOX概要入门
Flex Box容器的属性
Flex项目的属性
当前阅读教程:Flex Box语法教程 > margin(对齐和居中)
阅读(22555525)      收藏       赞(5685)      分享
上一篇: align-self(子元素上中下的设置) 下一篇: 暂无

对齐 设置"margin"值为"auto"值,自动获取弹性容器中剩余的空间。所以设置垂直方向margin值为"auto",可以使弹性子元素在弹性容器的两上轴方向都完全集中。 以下实例在第一个弹性子元素上设置了 margin-right: auto; 它将剩余的空间放置在元素的右侧性:

image.png

完美的居中 以下实例将完美解决我们平时碰到的居中问题。 使用弹性盒子,居中变的很简单,只想要设置 margin: auto; 可以使得弹性子元素在两上轴方向上完全居中性:

image.png



上一篇: align-self(子元素上中下的设置) 下一篇: 暂无
计算机毕业设计作品网      毕业设计文档网      小程序教程网       毕业设计资料网  |         毕业设计定制QQ:45157718(微信同号)(备注:毕设)