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

2021-08-20 09:17:24 字數 444 閱讀 4593

由於我是用寫xml的工具來寫的html,寫出來的html是格式化好的,但是由於各個節點元素之間有換行,所以會引起顯示是有空格

空格

空格上面的html**生成出來的結果,紅色「空格」和藍色「空格」之間會有乙個明顯個空格,但是我不想要這個空格,來看下面這段html**

空格

空格這個時候,紅色「空格」和藍色「空格」之間就沒有空格了

解決辦法:

父級設定font-size: 0; 子類設定好 font-size屬性,方可解決

還有其他的解決辦法:

1、寫**的時候不要換行,在一行輸寫,那麼將解決該問題。但是**維護起來就不怎麼方便了,適用於**量很少的情況。

2、設定元素margin-left為-3px;此方法同比取消滾動條時螢幕寬度改變問題。缺點是如果用到js拼接字串時樣式會亂

HTML中的換行造成空格問題

對於html內建的內聯級標籤以及表單元素標籤,源 中連續幾個內聯級標籤中的換行在瀏覽器中會被解釋為乙個空格。包括ie和ff。而這個空格是會被當作乙個空白節點 nodetype等於3的節點,就是文字節點 對於html內建的塊級標籤使用了display inline 則沒上述問題。對於html內建的塊級...

Html 換行和非換行空格

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

html的空格和換行顯示

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