奇怪的出现无缘无故

时间:2012-02-22 10:51:04

标签: html-entities

我刚刚推出了我的新网站,并且在多个浏览器中查看它是如何执行的,我发现了一些奇怪的东西。



你能看到'但'之后的差距吗?根据我的推理,下面一行的“是”一词应该在它旁边,因为它有足够的空间 - 但正如你所看到的,它不是。

虽然这个截图来自Firefox(10),但我在Chrome(17)和Internet Explorer(9)中得到了同样的东西。

使用Firebug检查元素,它在'was'和'disappointed'之间显示 (这可以解释为什么它不在上面的行上) - 但在查看源代码时,没有这样 存在。

这导致我建议浏览器插入它们 - 但我不知道为什么。

无论如何,有问题的页面是http://limeblast.co.uk/2012/02/currently-playing/

4 个答案:

答案 0 :(得分:1)

我使用wget将页面直接下载到文件中,我注意到它之间的空间是'和'失望'以及你看到的所有其他空格

  

用两个字节编码,C2 A0十六进制,而其他空格用一个字节20hex编码。 希望这会有所帮助。

偏离主题,我还建议证明文本的合理性。

答案 1 :(得分:0)

您应该查看您的colorbox实现。它工作不正常,导致页面上出现其他问题。我认为它不一定与你所描述的内容相关,而是修复它,你将获得你所追求的彩盒效果。

答案 2 :(得分:0)

我看了一下并尝试了一些代码,我建议最好的解决办法是强制你的

合理,现在你的文字是左对齐的。

答案 3 :(得分:0)

我对来自WP tinymce编辑器的文本有同样的问题。这在这里为我解决了:

function b09_remove_forced_spaces($content) {
    $string = htmlentities($content, null, 'utf-8');
    $content = str_replace(" ", " ", $string);
    $content = html_entity_decode($content);
    return $content;
}
add_filter("the_content", "b09_remove_forced_spaces", 9);

基于https://stackoverflow.com/a/21801444/586823