2012-08-28 178 views
2

想要水平對齊多個圖像,並讓它們沿着頁面向下流動(如果太多的話)。 (這是一個在wordpress文章中的迷你畫廊)。水平對齊圖像內的圖像

在嘗試了本網站上發現的多個代碼變體後,我仍然無法使其工作。但是它工作正常在的jsfiddle ......這裏這裏需要

鏈接:

Working code at JSFiddle

Non-working code at my website(即使完全相同的代碼被用於如上)。

有人能夠幫助我瞭解哪裏出了問題嗎?

* HTML和CSS在第一 '的jsfiddle' 鏈接

* 使用最新版本的WordPress

問題的解決很明顯:(不能回答我自己的問題另外8小時由於是新的)

有自動格式和自動圖文集在wordpress中,自動添加'休息'結束o f我的圖像超鏈接。

在CSS中添加了「.photographs br {display:none;}」,它工作正常!

+1

您不應該在您的代碼中添加
supersaiyan

回答

6

您有<br>標籤在您的圖片之間。刪除它們,它會自行修復。

+0

正確,刪除了chrome中的br標籤,並且它完美地排列。 –

+0

這些中斷可能是Wordpress自身在「智能」編碼中添加的。 –

+0

在wordpress中的html編輯器中,肯定沒有
標籤。它被自動添加wordpress。快速瀏覽一下谷歌,它似乎正在發生在一些人身上。 – Clint

2

刪除代碼中的<br/>

+0

正確答案,請將此答案標記爲正確 – Carlos

0

問題已解決!

Auto FormattingWordpress時自動添加<br />到我的形象的超鏈接的結束AutoText

.photographs br {display: none;}添加到CSS,它工作的一種享受。