html - 如何在我的图片库中解决此问题？

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 类，因为我需要它来裁剪图像。我怎样才能解决这个问题？

score 0 · Accepted Answer

将 p 替换为 1 div，使其看起来像：

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

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

然后，您可以在 CSS 中使用：

.crop img {}

裁剪图像！

希望这可以帮助：）

score 0 · Accepted Answer

将裁剪逻辑移动到 img 标签

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

2 回答 2