在div中水平對齊圖像

Question

想要水平對齊多個圖像，如果有太多圖像，請讓它們向下流動。 （這是一個wordpress帖子中間的迷你畫廊）。

嘗試在此網站上找到多個代碼變體后，我仍然無法使其正常工作。 不過它在JSFiddle上工作得很好......

這里需要的鏈接：

JSFiddle的工作代碼

我網站上的非工作代碼 （即使使用與上面完全相同的代碼）。

是否有人能夠幫助我解決出錯的問題？

* HTML和CSS在第一個'JSFiddle'鏈接中很明顯

* 使用最新版本的wordpress

問題已解決:( 由於是新的，不能回答我自己的問題另外8小時）

wordpress中有自動格式化和自動圖文集，可以自動在圖像超鏈接的末尾添加“中斷”。

在CSS中添加了“.photographs br {display：none;}”，工作正常！

Answer 1

您的圖片之間有<br>標簽。 刪除它們，它將自行修復。

Answer 2

在您的代碼中刪除<br/> 。

Answer 3

問題解決了！

有Auto Formatting或AutoText在Wordpress已自動添加<br />我像超鏈接的結束。

將.photographs br {display: none;}到CSS ，它可以解決問題。