css3 flex弹性布局问题

上面有三个元素,我是用flex对齐的,每个元素宽度是50%,但是第一个元素高度大的时候,第三个元素就换到下一行了,我想把第三个元素放到第二个元素下面,而不是另整一行,这个怎么解决?

回答

已解决!,

父节点设置为:display: block;

子元素都设置为:float: left;

image.png

推荐使用网格布局,具体的学习推荐阮一峰的网格布局教程
使用 flex 当然也能达到图示效果,不过需要先将第二、三个元素装进一个元素里,完成左右的布局,再基于这个容器完成上下的布局。

你设置 flex-wrap: wrap 了吧,不然怎么挤压也不会换行的。

直接左右布局,右边两个啊

以上是 css3 flex弹性布局问题 的全部内容, 来源链接: utcz.com/a/34367.html

回到顶部