当弹性容器(垂直)中的项目不占用横轴上的所有可用空间时,Aligncontent属性将这些项目对齐。alignitems属性定义如何沿flex容器当前行的边(垂直)轴对齐flex子项。函数类似,但aligncontent用于flex容器中的多轴(多行),alignitems用于一行。
事实上,有很多方法可以实现CSS左右定宽布局和中间自适应。下面是一个简单的介绍供您参考;
其原理是使用绝对定位来分别定位左右两侧的div。中间div使用margin属性保留左、右div的宽度,并将中间div的宽度设置为100%。代码如图所示
在外层包装一层div,设置属性display:flex,其中的子元素设置属性display:flex弹性:1,请参见下图中的代码
floatlayout将左div和右div分别浮动到左侧和右侧,并使用中间的margin属性保留左右两侧的宽度。这与绝对定位布局类似,代码如下图所示
网站题目:flex布局常用属性flex是干什么用的?-创新互联
文章转载:https://www.cdcxhl.com/article16/dijigg.html
成都网站建设公司_创新互联,为您提供微信公众号、搜索引擎优化、定制网站、响应式网站、网站维护、定制开发
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联