flexbox

19744 关注，464 文章

3天前

🚀🚀详解Flex布局，从理论到案例实践(二）

「本文已参与好文召集令活动，点击查看：后端、大前端双赛道投稿，2万元奖池等你挑战！」前言好了，言归正传，xdm准备好了么？项目属性 order 取值：默认0，用于决定项目排列顺序，数值越小，项目

258
11
评论

6天前

深入理解Flex布局

大白话给你说清楚什么是flex布局，你不敢用的flex-grow/flex-shrink/align-self/flex-flow属性，今天我们一起来整明白！

382
15
2

13天前

flex布局总结

flex布局的总结与梳理，主要介绍了容器的6个属性的使用以及项目的6个属性的使用，是对flex布局使用到现在的一个回顾与总结

538
14
评论

6天前

还没搞清楚Flex布局？看这篇你就全懂了

Flex布局以前在网页开发过程中，布局一直是不可或缺的，从最早的表格布局，到后来的DIV+CSS布局，现在再到CSS3的伸缩布局。最近在写小程序的项目中flex布局用得非常多，其适应性也非常强，其强

118
7
评论

11月前

「一劳永逸」48张小图带你领略flex布局之美

48张图带你从0到1掌握flex布局方式。需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。从上面图来看，我们将flex布局分为两部分讲，轴和容器。打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。接下来先梳理常见的属…

2.9w
1025
74

「一劳永逸」48张小图带你领略flex布局之美

7天前

移动端布局方式以及优缺点

1.百分比布局使用百分比代替px. 优点：可以很好解决自适应需求。缺点：不够灵活，添加元素时，需要修改其他元素的值。 2.rem布局 rem是基于页面跟元素的布局方式，当手机屏幕大小改变了，只要

122
4
1

17天前

flex布局小结

前言随着时代的发展，人们越来越多的重视前端的用户体验，不论是在 web 端，还是移动端（小程序、H5、RN...），特别是在移动端，因为设备屏幕的不同，就需要前端开发去适配不同的屏幕大小，对布局的

166
4
评论

28天前

🚀🚀详解Flex布局，从理论到案例实践(一)

前言 Flex布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。行内元素也可以使用 Flex

293
9
评论

🚀🚀详解Flex布局，从理论到案例实践(一)

2月前

Android 巧用 flexboxLayout 布局

FlexBoxlayout是Google推出的开源的可伸缩性布局，在项目中也会经场使用，大大提高了用户的体验。compile 'com.google.android:flexbox:1.0.有前端基础的同学估计都知道 CSS 中这个布局，用来为盒状模型提供最大的灵活性。因为 an...

916
11
1

3年前

🚨Web开发者需要知道的CSS Tricks

作为一名Web开发者，CSS是必备技能之一，我一直以为自己对CSS的掌握已经够用了，直到读Lea Verou的《CSS揭秘》时，我发现自己充其量就算个会打CS的选手，书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案，在这里强烈的推荐给每一位从事前端相关的…

2.0w
1412
51

🚨Web开发者需要知道的CSS Tricks