![]() |
1
2
与temani afif提供的答案类似,但使用svg而不是图像(因此不需要额外的请求)。 而且,它更容易适应任意长宽比
|
![]() |
2
3
我不认为有一种方法可以使用高度来定义宽度(即使我们可以使用一些诡计类似的填充物来做相反的操作),但是一个想法是依靠一个正方形的图像来保持比例。然后,内容应该被定位:
但是如果蓝色的高度是一个固定值,最好依赖css变量,如下所示:
|
![]() |
3
0
看看这能不能帮到你,
|
![]() |
4
0
如果旋转90度,就有可能:)
如果它想因为转换而附加到其他内容。 –_ Codepen
|
![]() |
5
-1
如果它能帮到你,试试这个。
|
![]() |
Nishit Agrawal · Flexbox-将第三项与第二项对齐 3 年前 |
![]() |
alan · 有没有办法向flexbox图像添加链接? 3 年前 |
![]() |
n1234 · Flexbox-图像和内容 7 年前 |
![]() |
Adam Olsson · 在中心CSS中对齐单个列表项 7 年前 |