css3 flex弹性布局问题
上面有三个元素,我是用flex对齐的,每个元素宽度是50%,但是第一个元素高度大的时候,第三个元素就换到下一行了,我想把第三个元素放到第二个元素下面,而不是另整一行,这个怎么解决?
回答
已解决!,
父节点设置为:display: block;子元素都设置为:float: left;
推荐使用网格布局,具体的学习推荐阮一峰的网格布局教程。
使用 flex
当然也能达到图示效果,不过需要先将第二、三个元素装进一个元素里,完成左右的布局,再基于这个容器完成上下的布局。
你设置 flex-wrap: wrap
了吧,不然怎么挤压也不会换行的。
直接左右布局,右边两个啊
以上是 css3 flex弹性布局问题 的全部内容, 来源链接: utcz.com/a/34367.html