如何在HTML中的每个句点之后放置两个空格？

Question

我需要在整个网站的每个句子中的每个句点之后有两个空格(不要问).

一种方法是开始手动添加  在每一个时期之后.这将需要几个小时.

我们不能只找到并替换每个句点,因为我们在PHP和其他有句号然后是空格的情况下有连接,但它不在句子中.

有没有办法做到这一点......一切仍然可以在Internet Explorer 6中运行？

[编辑] - 棘手的部分是,在代码中,有一些PHP行,包括带有空格的点,如下所示:

<?php echo site_url('/css/' . $some_name .'.css');?>

我绝对不想要额外的空格来打破这样的线条,所以我很乐意在所有P标签的每个周期后添加两个可见空格.

Answer 1

众所周知,HTML会折叠空白区域,但它只会用于显示.额外的空间仍在那里.因此,如果在每个周期之后使用两个空格创建源材料,那么可以使得建议中的一些替换方法可靠地工作 - 搜索"周期 - 空间 - 空间"并将其替换为更多可用的内容,例如期间-space-&emsp14 ;. 请注意,您不应该使用  因为它可以防止在边缘处正确包裹.(如果你使用的是正确的,只要你在空间之前使用,保证金的变化就不会明显.)

您还可以在一个范围中包装每个句子并使用:after选择器添加一个空格,并使用"word-spacing"将其格式化为宽.或者你可以直接在一个跨度和样式中包装句子本身之间的空格.

我已经为博客写了一个javascript解决方案,它可以动态执行此操作,查找时空空间,并将其替换为看起来更宽的跨越式样空间.

但是,如果您的原始材料不包含此类内容,那么您将不得不研究句子边界检测算法(这不是那么简单),然后修改一个也不会跳过PHP代码.

Answer 2

您可以使用JavaScript拆分方法或正则表达式,具体取决于文本的范围.

这是拆分方法:

var el = document.getElementById("mydiv");
if (el){
    el.innerText = el.innerText.split(".").join(".\xA0 ");   
}

测试用例:

Hello world.句点后插入空格.使用split方法.

结果:

你好,世界.在句点之后插入空格.使用拆分方法.