您现在的位置: 万盛学电脑网 >> 程序编程 >> 网页制作 >> Html5 >> 正文

学习HTML中的换行造成空格问题的解决办法

作者:佚名    责任编辑:admin    更新时间:2022-06-22

本文主要为大家介绍了HTML中的换行造成空格问题的解决办法,下面我们就一起来学习吧!

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

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

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

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

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

通过学习本文介绍的HTML中的换行造成空格问题的解决办法,希望对大家能有所帮助。