关于在html中换行引起的空格问题及解决

我在最近写html的时候，经常会碰到标签的换行，或者是内容的换行，在界面中是会出现空格的间隙。如：

页面显示会出现空格

解决方法：

效果：

对于html内置的内联级标签以及表单元素标签，源代码中连续几个内联级标签中的换行在浏览器中会被解释为一个空格。

包括ie和ff。而这个空格是会被当作一个空白节点（nodeType等于3的节点，就是文字节点）。

对于html内置的块级标签使用了display:inline则没上述问题。

对于html内置的块级标签之间的换行，ff会当作一个空白节点（用js可以获取到），ie则会忽略掉这个换行。

这个换行在ie和ff的页面上并无任何影响，不会出现空格。

---