近在wordpress下发现了两个奇怪的问题。一个问题是 空白字符导致的布局错乱。二个问题是 a 标签不能点击。这两个问题其实是同一个问问题,是在wordpress后台修改主题的时候引入了不间断空格。所以解决的方法就是删除字符或者替换掉不间断空格 。
不间断空格 是什么
不间断空格也是一个字符。编码是 160, Hex 00a0, Octal 240, 十进制是 160
, 十六进制是 a0
, 给字母a
的十进制编码是97
一样,也是一个字符。这个字符的作用是看起来是个空格。但是并不是把单词分开。普通的空格可以作为单词的分割点,而不间断空格只是一个看不到的字符。看上去把字符串给分开了,其实没有。
图片更直观
上面说过,不间断空格会影响网站的布局。这里就来个示例说明了一下。
这个图片中,一个p标签,是正常的空格。二个p标签中是不间断空格。
下面是显示的效果
可以看到都是空格,排版是不同的。 对于这样结果,可以说明,普通的空格是一个单词的分隔点。 不间断空格不是。
a标签不能点击的解决方法
检查洗一下 href
前后是否有不间断空格。如果存在就相当于 href
属性不存在了,说以不能点击。
了解更多
vim 正常模式 ga
可以当前光标下的字符的编码。