关于display:flex这个效果主要是什么用的？

浮-沉 2014-09-21 11:12:20

今天接触到腾讯的一个小游戏，里面有道题

答案是对父元素设置dipslay:flex; 第二个div设置flex:1
想问下，这个的作用是啥？

...全文

7831 9 打赏收藏举报

写回复

用AI写文章

9 条回复

切换为时间正序

请发表友善的回复…

发表回复

浮-沉 2014-10-01

打赏
举报

引用 7 楼 u012411840 的回复:

没用过，上网查了一下，明白了用途

CSS3里面用的最多的都是什么？

浮-沉 2014-10-01

打赏
举报

引用 5 楼 deiphi 的回复:

这就是css3中的弹性布局

你经常用么？

hucy555 2014-09-30

打赏
举报

没用过，上网查了一下，明白了用途

XZowie 2014-09-30

打赏
举报

http://css-tricks.com/snippets/css/a-guide-to-flexbox/ 這布局方式，解釋完都能出書了這網站講解的不錯，先看看吧

deiphi 2014-09-29

打赏
举报

这就是css3中的弹性布局

浮-沉 2014-09-29

打赏
举报

引用 3 楼 u012411840 的回复:

很少人这样用吧

我查了下，这是CSS3的内容，你们平时没用过这些新技术么？

hucy555 2014-09-29

打赏
举报

很少人这样用吧

浮-沉 2014-09-27

打赏
举报

没有人用过？

原博文：地址

flex和上面的block，inline，inline-block并列， display只能设置一个属性，display和float不能出现在同一个盒子的属性里。等于 flex-flow: row wrap;默认子盒子宽高度超过父盒子时，按父盒子宽高度均分，再多则会溢出。设置主轴初始尺寸，0%(不起作用)，n px。单个盒子范围0~1 延伸至剩余空间的0~1。多个子盒子设置超过1时，剩余空间分成n份。

上一个blog详细讲解了display:flex各种属性这一次让我们实战一下！全局采用DIV+外联CSS 让我们看看display:flex的效果吧！

只是个大概，可自己完善。昵图网：https://www.nipic.com/

display：flex display：block 对齐方式：align-items和justify-content space-between（左）和space-around（右） display:none https://blog.csdn.net/u013673799/article/details/70157294

CSS

61,117

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章