如何在我的图片库中解决此问题？答案

【问题标题】：How can get around this issue in my image gallery?如何在我的图片库中解决此问题？
【发布时间】：2012-11-26 07:13:13
【问题描述】：

这就是我的画廊中图像的 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 类，因为我需要它来裁剪图像。我该如何解决这个问题？

【问题讨论】：

【解决方案1】：

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

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

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

然后你可以在 CSS 中使用：

.crop img {}

裁剪图像！

希望这会有所帮助:)

【讨论】：

【解决方案2】：

将裁剪逻辑移至 img 标签

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

【讨论】：