2012-09-19 123 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