gpt4 book ai didi

css - 用居中替换间隙

转载 作者:行者123 更新时间:2023-11-28 11:22:45 24 4
gpt4 key购买 nike

<分区>

我有一个 div,它根据窗口大小展开和收缩,将图像折叠成我喜欢的不同行,但是我怎样才能防止 div 中屏幕右侧的间隙,这是由于图像没有有足够的空间容纳?

如果图像没有足够的空间容纳在前一行中,我基本上想将图像水平居中放置,这也会减少 div 宽度。

这就是视觉上的意思

现在的行为如何 enter image description here

这就是我想要的效果,这是一张照相馆的照片,记住这一点 enter image description here

我仍然想保留如果您将 div 调整大小或将其扩展到特定大小,图像将减少到更少的行,这有时会导致更长的图像行。

enter image description here

这是代码

#container{
background-color: gray;
width: 40%;
}

img{
width: 150px;
}
<div id='container'>
<img src='http://www.wallpapereast.com/static/images/MTM3NjEyNzY4MzgyNTU5NDc0.jpg'>
<img src='http://www.wallpapereast.com/static/images/MTM3NjEyNzY4MzgyNTU5NDc0.jpg'>
<img src='http://www.wallpapereast.com/static/images/MTM3NjEyNzY4MzgyNTU5NDc0.jpg'>
<img src='http://www.wallpapereast.com/static/images/MTM3NjEyNzY4MzgyNTU5NDc0.jpg'>
<img src='http://www.wallpapereast.com/static/images/MTM3NjEyNzY4MzgyNTU5NDc0.jpg'>
</div><!--</container>-->

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