如何在我的圖片庫中解決此問題？

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類，因爲我需要它來裁剪圖像。我怎樣才能解決這個問題？

Answer 1

1個格替換P所以它看起來像：

<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" />