首页 建站Web前端utf8排版错位问题

utf8排版错位问题

  今天把一个网站从GBK转码到utf8的时候遇到了一个排版错位问题,足足折腾了几个小时。先看图:

  正常的布局:

201610221

  错位的布局:

201610222

  在转码的过程中使用了DW的代码格式化功能,其他没有改变,CSS也一样。其实修改按钮的大小可以解决这个问题,因为很容易看出这是因为超出了宽度出现的下沉。

  其实这不是utf8的问题,是代码格式化的时候将input元素拆分成了几行,这样中间有了空格,不管两个元素之间有多少个空格,至少会被解析一个,Tab也不行。因为原来一行的加号,编辑,删除3个input元素之间是写在一行紧挨着的,格式化以后会在其中插入Tab或者空格,导致排版错位。当然如果单元格宽度设计足够的话,可以忽略这个差别。折腾这么久就是想找到原因,终于找到了。