修復由tumblr的模板系統發出的破碎的html

在tumblr的主題模板系統中，您使用{ReblogButton}爲html添加了一個reblog按鈕。它目前已經破裂;它使用「a」標籤，它具有它修復由tumblr的模板系統發出的破碎的html

class="reblog_button"style="..."

換句話說，它缺少字樣式之前的空格。有什麼方法與JavaScript或任何我可以修復？

reblog按鈕目前是作爲一個塊元素的樣式，我試圖使它內聯。

測試tumblr博客是http://rustycwright.tumblr.com/和我的css是在內聯頭。

我剛剛在類似的心臟周圍添加了一些「或」條，這是一個div，我改爲內聯並且工作正常。

IE's dom explorer does在樣式標記前顯示html空格。

更多探頭; IE瀏覽器的瀏覽器顯示了一條線，通過我的CSS爲a.reblog_button：inline，就像firefox的Inspector一樣。有人能解釋爲什麼嗎？是因爲他們嵌入標籤的CSS？

來源

2014-11-01 lumpynose

您不需要它，因爲缺少空格**不會使此HTML斷開。如果你的風格不起作用，你可能會遇到其他問題。發佈CSS聲明。 – dfsq 2014-11-01 07:37:02

@dfsq，當我用firefox做一個視圖頁面的源代碼時，它會標記一個紅色的標籤。樣式部分是style =「display：block; width：20px; height：20px;」並在我的CSS我有a.reblog_button {display：inline; }它仍然在一個單獨的行。 – lumpynose 2014-11-01 08:16:18

你可以添加一個'display：block; float：left;'到div.like_button ...和'float：left;'到reblog_button。 – Ekin 2014-11-01 08:45:55

您可以添加display:block; float:left;到div.like_button和float:left;到reblog_button。

看起來像在我的瀏覽器上工作。希望有所幫助。

來源

2014-11-01 08:47:28 Ekin

是的，我遵循你的建議，做到了這一點，它的工作原理;謝謝。但是現在我想知道爲什麼我的css讓它內聯不起作用。 – lumpynose 2014-11-01 09:00:56

我在評論中提出了我的想法，我認爲在這個意義上。你只會忘記顯示：內聯;第二個孩子 – Ekin 2014-11-01 09:03:31

修復由tumblr的模板系統發出的破碎的html

回答

相關問題