Flex CSS iCandy响应式布局方案
Flexbox 布局挺好用的,尤其是在做响应式页面时,能让你省心不少。你只要设置display: flex;
,其他的就交给它来搞定对齐、排序和空间分配。更妙的是,不用担心不同屏幕的兼容问题,Flexbox 能自动帮你适配。它的属性也不复杂,比如justify-content
可以让你设置主轴对齐方式,align-items
是用来控制子元素在侧轴上的对齐。最酷的是,它对内容的伸缩性有强的控制力,flex-grow
、flex-shrink
、flex-basis
这些可以你精确设置元素如何扩展或缩小。推荐这款叫flex css iCandy的项目,利用 Flexbox 的优势,打造了一个既美观又易用的界面设计。你可以从中学习到如何将 Flexbox 应用于不同的布局需求,代码也简洁哦。,Flexbox 让布局变得简单,而且效果好,值得一试。
129.78KB
文件大小:
评论区