• 欢迎访问极客公园网站,WordPress信息,WordPress教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入极客公园 QQ群
  • Git主题现已支持滚动公告栏功能,兼容其他浏览器,看到的就是咯,在后台最新消息那里用li标签添加即可。
  • 最新版Git主题已支持说说碎语功能,可像添加文章一样直接添加说说,新建说说页面即可,最后重新保存固定连接,演示地址
  • 百度口碑求点赞啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊http://koubei.baidu.com/s/gitcafe.net
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏极客公园吧

utf8排版错位问题

Web前端 马 志远 3年前 (2016-10-22) 781次浏览 0个评论

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

  正常的布局:

201610221

  错位的布局:

201610222

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

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


极客公园 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:utf8排版错位问题
喜欢 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址