HTML中的換行造成空格問題

2021-07-13 20:34:41 字數 429 閱讀 7729

對於html內建的內聯級標籤以及表單元素標籤,源**中連續幾個內聯級標籤中的換行在瀏覽器中會被解釋為乙個空格。

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

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

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

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

比如是上面的那個,就是a標籤分成四行寫的話,更多和《之間就會多出來乙個空格。如果是寫成一行的話就是沒有中間的空格。這個最好的解釋是本文最上面的問題。

也有人給解釋說是寫在一行中就是壓縮了html文件,壓縮就是節省了空間壓縮了不必要的空格所以就是沒有空格了。

去除Html換行引起的空格問題

由於我是用寫xml的工具來寫的html,寫出來的html是格式化好的,但是由於各個節點元素之間有換行,所以會引起顯示是有空格 空格 空格上面的html 生成出來的結果,紅色 空格 和藍色 空格 之間會有乙個明顯個空格,但是我不想要這個空格,來看下面這段html 空格 空格這個時候,紅色 空格 和藍色...

Html 換行和非換行空格

在文字編輯中,我們會遇到換行的問題。在html中有換行元素和 非換行空格符來解決換行問題。1 換行 在文字的任何一點都可插入換行標籤 來插入換行。例如 feijie carboy homepage 2 禁止換行 有時可能要求瀏覽器不按常規換行,例如,顯示的公司名很長,但又希望瀏覽器的顯示頁面很窄也不...

html的空格和換行顯示

一 html 中的所有連續的空格或空行 換行 都會被顯示為乙個空格,不管是內容還是標籤之間。二 當我們想讓它們在同一行連續顯示時,就讓所有的 之間沒有空格,也不要換行。三 當我們想要顯示連續空格時,可以使用以下方法 1 使用 pre pre 這是預格式文字,它保留了 空格 和空行。pre 2 用空格...