wordpress 后台修改模板容易引入不间断空格

作者

近在wordpress下发现了两个奇怪的问题。一个问题是 空白字符导致的布局错乱。二个问题是 a 标签不能点击。这两个问题其实是同一个问问题,是在wordpress后台修改主题的时候引入了不间断空格。所以解决的方法就是删除字符或者替换掉不间断空格

不间断空格 是什么

不间断空格也是一个字符。编码是 160, Hex 00a0, Octal 240, 十进制是 160, 十六进制是 a0, 给字母a的十进制编码是97一样,也是一个字符。这个字符的作用是看起来是个空格。但是并不是把单词分开。普通的空格可以作为单词的分割点,而不间断空格只是一个看不到的字符。看上去把字符串给分开了,其实没有。

图片更直观

上面说过,不间断空格会影响网站的布局。这里就来个示例说明了一下。
不间断空格
这个图片中,一个p标签,是正常的空格。二个p标签中是不间断空格。
下面是显示的效果
不间断空格测试效果

可以看到都是空格,排版是不同的。 对于这样结果,可以说明,普通的空格是一个单词的分隔点。 不间断空格不是。

a标签不能点击的解决方法

检查洗一下 href 前后是否有不间断空格。如果存在就相当于 href 属性不存在了,说以不能点击。

了解更多

vim 正常模式 ga 可以当前光标下的字符的编码。

回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注