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

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

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

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

...全文

7662 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

打赏
举报

没有人用过？

display:flex 意思是弹性布局，它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 .box{ display: flex; } 注意，设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。它可以用于以下四个方面： 1、在不同方向排列元素 2、重新排列元素的显示顺序 3、更改元素的对齐方式 4、动态地将

什么是display:flex？（我来自逆战班） Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒模型提供最大的灵活性。任何一个容器都可以指定为flex布局。 1：先来了解一下display:flex 正常情况下在一个盒子中，放置4个div，设置高度，宽度继承父元素，呈现如图排列方式，当我们给盒子加上display:flex时，再看一下盒子内的4个div就...

flex（弹性盒子布局）什么是弹性盒子？ display:flex 是一种布局方式。它即可以应用于容器中，也可以应用于行内元素。容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。采用Flex布局的元素，称为Flex容器（flex container），简称”容器”。它的所有子元素自动成为容器成员，称为Flex项目（flex item）。注：设为Fl...

这篇文章主要给大家介绍了CSS中的display:flex和display:inline-flex属性，文中分别通过两段实例代码给大家介绍了display:flex和display:inline-flex的使用效果，感兴趣的朋友们可以参考借鉴，下面来一起看看吧。介绍Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。fl...

子元素会自动填充容器，并根据容器的宽度进行调整。如果容器中的子元素数量增加，它们的宽度会自动缩小以适应容器。子元素会自动填充容器，并根据容器的宽度进行调整。如果容器中的子元素数量增加，它们的宽度会自动缩小以适应容器。将图片自动变小了，放在一行里面（将元素容器设置为弹性布局时，元素以弹性布局方式显示，可以通过设置父元素的。如果没有设定display:flex是什么效果。常用于实现响应式布局和灵活的元素排列。将元素容器设置为弹性布局时，会自动换行，但图片大小不会变。我们放多一点图片看看。

CSS

61,115

社区成员

60,730

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章