![]() |
1
3
假设这将是页面的主要布局,您可以尝试设置固定高度并使用flexbox的列方向:
如果您想获得更好的浏览器支持,可以使用float/inline block,方法是在开始时稍微调整2个正方形的类:
如果不能同时更改类,请使用一些负边距来更正最后一个元素的位置:
|
![]() |
2
2
对你的内容做一些主要的假设,但是你可以使用绝对定位来调整内容。实际上,您可以将中间的两个元素从文档流中拉出,并通过定位来模拟堆叠。
在这种情况下,当
|
![]() |
3
0
尝试
我想你需要另一个弹性容器。 |
![]() |
4
0
|
![]() |
Nishit Agrawal · Flexbox-将第三项与第二项对齐 3 年前 |
![]() |
alan · 有没有办法向flexbox图像添加链接? 3 年前 |
![]() |
n1234 · Flexbox-图像和内容 7 年前 |
![]() |
Adam Olsson · 在中心CSS中对齐单个列表项 7 年前 |