当我使用CSS和HTML显示图片时，如何使图片按4行排列？
当我使用CSS和HTML显示图片时，如何使图片按4行排列？,html,css,slideshow,picturegallery,Html,Css,Slideshow,Picturegallery,这就是我正在使用的代码。www.goparkfast.com在图片部分，如果你想看看它是如何在我的网站上设置的。设置包含要浮动的div:left和width:25%。尝试将图像划分为若干个分区，然后将分区的大小设置为25%，最后将其标记为float:leftimg{max width:100%；height:auto；}img.scale-with-grid{max width:100%；height:auto；}这就是我定义的img，你应该有一个简洁的标题，然后在主帖子中描述你的相关代码问题。
这就是我正在使用的代码。www.goparkfast.com在图片部分，如果你想看看它是如何在我的网站上设置的。设置包含要浮动的div:left和width:25%。尝试将图像划分为若干个分区，然后将分区的大小设置为25%，最后将其标记为float:leftimg{max width:100%；height:auto；}img.scale-with-grid{max width:100%；height:auto；}这就是我定义的img，你应该有一个简洁的标题，然后在主帖子中描述你的相关代码问题。也可以编辑你的帖子而不是评论编辑..img{display:inline:block；}-默认情况下，div是一个块级元素，将跨越其父元素的宽度。我尝试了你所说的Nick R，但它不起作用img{max width:100%；height:auto；display:inline:block；}img.scale-with-grid{max width:100%；height:auto；}非常抱歉，这是我的第一个网站lol.img{最大宽度：25%；高度：自动；浮动：左；}img.scale-with-grid{最大宽度：25%；高度：自动；}这就是你的意思吗？看我怎么变了。img@user3711144部分原因是，你想让列表旁边的图像排成4行吗？将四个图像添加到其中一个列表中，我将向你展示如何在实时示例中对齐它们。LOL四个否定回答我的问题？我在这里问的第一个问题是，idk我做错了什么。好的，Linek先生，我希望它们是水平的当我再添加四个时，我希望它们显示在下面，有16张图片，四行四行。然后我可以在16列div中创建任意多的行，并在该div中移动带有img的标记。现在将CSS设置为a标记为float:left；width:25%；。现在将宽度设置为刚刚创建的div标记，如width:400px w你想要什么宽度都行。
<div class="img">
<a target="_blank" href="slideshow/slideshow2.jpg"><img src="slideshow/slideshow2.jpg" alt="Klematis" width="110" height="90"></a>
</div>
<div class="img">
<a target="_blank" href="slideshow/slideshow3.jpg"><img src="slideshow/slideshow3.jpg" alt="Klematis" width="110" height="90"></a>