萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> Html5 >> 學習HTML中的換行造成空格問題的解決辦法

學習HTML中的換行造成空格問題的解決辦法

本文主要為大家介紹了HTML中的換行造成空格問題的解決辦法,下面我們就一起來學習吧!

對於html內置的內聯級標簽以及表單元素標簽,源代碼中連續幾個內聯級標簽中的換行在浏覽器中會被解釋為一個空格。

包括ie和ff。而這個空格是會被當作一個空白節點(nodeType等於3的節點,就是文字節點)。

對於html內置的塊級標簽使用了display:inline;則沒上述問題。

對於html內置的塊級標簽之間的換行,ff會當作一個空白節點(用js可以獲取到),ie則會忽略掉這個換行。

這個換行在ie和ff的頁面上並無任何影響,不會出現空格。

通過學習本文介紹的HTML中的換行造成空格問題的解決辦法,希望對大家能有所幫助。

copyright © 萬盛學電腦網 all rights reserved