2012-09-19 177 views
0

我正在設計一個強標籤用於發送下一行旁邊的任何內容。該CSS是這樣的:需要在標籤後刪除空白

strong { display: block; } 

的HTML是這樣的:

<p><strong>foo</strong> bar.<p> 

的問題:強大的標籤,並且在之後的行作爲顯示的文本之間的空白意外縮進。我在想,有一種方法可以在使用jQuery的強標記後立即刪除空格。我怎樣才能做到這一點?

注:我不能用小提琴重現這個問題,所以我不能分辨它是否實際上是導致縮進的空間。

+0

你是否嘗試過使用'white-space-collapse'屬性玩弄? – karthikr

+0

我需要屬性只是在強標記之後摺疊第一個空格,而不是後面的空格。例如,在

foo這裏和這裏的東西

我只需要摺疊第一個空間。這就是爲什麼我認爲jQuery是最簡單的方法。 – harrypujols

回答

1

既然你沒有你的問題的小提琴,我就折騰了這一點...

IE瀏覽器有一個怪癖,至少在怪癖模式,其中的元素之間的空白被渲染。解決的辦法是打破了HTML以這樣的方式來保持空白出來的標記..

一個例子...

<a 
href="linkk1">This is my test</a><a 
href="linkk2">Another</a><a 
href="linkk3">Yet another</a> 

看看是否有幫助。

+0

謝謝,但我無法編輯已發佈的內容,只需在前端操作即可。 – harrypujols

+0

但是你可以*在頁面上做一個'另存爲',手工編輯它,看看這是否解決了空白問題。如果有,則可以識別並刪除文本節點。找出問題的真正原因是解決問題的第一步。 –

+0

好吧,我發現這個空間並沒有引起縮進。我使用jQuery .replaceWith()方法解決了每個代碼的問題,但這並不是理想的解決方案。如果有人能夠找到修剪有針對性的空白區域,這仍然是很好的。如果不是jQuery,可以用php來完成嗎? – harrypujols