W3help 兼容性5

HT1003: Chrome 和 Safari 中 BR 元素前的空白符不会被忽略

标准参考

W3C 规定 "ASCII 空格" 、 "ASCII 制表符" 、 "ASCII 换行符" 等属于空白符（white space），对于多个连续的空白符，浏览器将对他们进行合并。

BR 元素会在当前行强制插入一个换行符，这个换行符也是空白符的一种。 HTML 规范中并没有明确规定 BR 元素前后出现的空白符应如何处理。

问题描述

Chrome 和 Safari 中 BR 元素前的空白符不会被忽略，多余的空白符将被压缩为一个空白符并渲染到 BR 元素之前的行中。

造成的影响

这个现象可能造成在 Chrome 和 Safari 中出现多余空白符占有位置，从而影响到容器的宽度或者行内元素的对齐效果。

受影响的浏览器

Chrome Safari

 

解决方案

删除 BR 元素之前多余的空白符。

HE1001: IE 中单元格的 colspan 属性在某些情况下会影响 TABLE 元素的自动布局

造成的影响

此问题严重时可能会导致页面布局混乱。

受影响的浏览器

IE6 IE7 IE8

 

解决方案

1. 设置 TABLE 的 'table-layout' 特性值为 fixed，使用固定布局的表格元素可避免此问题。

2. 单元格所跨过的列的宽度都设置成 auto。

转载于:https://my.oschina.net/yuan/blog/1587061