为什么PhotoShop切图会有分隔符

1、存储为Web格式的时候用了默认的设置：出现这个问题，那至少能确定一点——肯定是在存储为Web格式的时候用了PhotoShop（后面简称PS）默认的设置，也就是说使用了默认的table布局设置，看下你的代码中，肯定会有table标签。然后再检查下你在存储为Web格式的时候，设置应该也是默认设置。

2、这个问题要从表格（table）的结构来说为了便于理解，这里不从html中的table标签的具体结构讲鞅瓞慈玢解。个人还是比较喜欢使用面向对象的编程思想去理解这些问题的。表格布局table的结构类似于格子模型，所以我们就可以把一个table看做是一个格子框，table的tr就是格子框的行，table的td就是格子框中每一个格子。那么下面就用格子模型来说明分隔符在切片中是如何产生的。

5、用格子模型搭建表格基本结构如果一定要这么不规则，那就只有用这种方式，才能使用格子模型把表格内的所有结构都框起来，也就是说表格的每一条边框都要与格子模型的边框重合。

7、分隔符支撑着合并单元格：分隔符的作用就起到了格子模型最小结构元素的作用，有了分隔符，才能有跨多个“格子”的合并单元格，才能是PS在切图，导出table结构的代码时，能够保证每张切片的完整。

8、分隔符可能带来的问题：如果切图时出现了分隔符，一定要把分隔符上传，并替换掉代码中的分隔符处的图片路径。如果没有把分隔符上传替换，那么很有可能在有些浏览器中，就会出现图片错位、有空隙，也就是常说的散屏现象。如果遇到这个问题，可以参考本人另外一篇经验：PS导出代码上传淘宝店铺图片错位有空隙散屏。