如何解决我的图片库中的这个问题？

Question

这就是我在我的图库中为图像添加HTML的方式：

<p class="crop">
<img src="image1.jpg" alt="image1.jpg" /></p>
<p class="crop">
<img src="image2.jpg" alt="image2.jpg" /></p>

但是，使用这样的p类会使它们成为单独的图像而不是一组图像，因此我的下一个/上一个箭头不起作用。

我需要让它们成为一组图像，以便画廊中的箭头可以再次正常工作，但我想保留p类，因为我需要它来裁剪图像。我怎么能绕过这个？

Answer 1

将p替换为1 div，如下所示：

<div class="crop">
<img>
<img>
</div>

根据需要添加更多图像（填写图像数据）

然后在CSS中您可以使用：

.crop img {}

裁剪图像！

希望这会有所帮助：）

Answer 2

将裁剪逻辑移动到img标记

<img class="crop" src="image1.jpg" alt="image1.jpg" />
<img class="crop" src="image2.jpg" alt="image2.jpg" />