gpt4 book ai didi

html - 对齐周围具有相等空间的元素并保持纵横比?

转载 作者:可可西里 更新时间:2023-11-01 13:44:22 26 4
gpt4 key购买 nike

<分区>

我试图证明 3 张图像周围的空间相等。我以百分比设置图像的宽度。我尝试使用 flexbox 和 justify-content: space-evenly 但图像不保持纵横比:

Codepen

.container {
width: 50%;
border: 1px solid black;

display: flex;
justify-content: space-evenly;
}

.container img {
width: 10%;
}
<div class="container">
<img src="https://cdn2.iconfinder.com/data/icons/humano2/128x128/status/gtk-missing-image.png" />
<img src="https://cdn2.iconfinder.com/data/icons/humano2/128x128/status/gtk-missing-image.png" />
<img src="https://cdn2.iconfinder.com/data/icons/humano2/128x128/status/gtk-missing-image.png" />
</div>

我需要保持纵横比

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com