1. 程式人生 > >html 解決空格顯示問題

html 解決空格顯示問題

前端開發者都知道,在html中手動輸入多個空格或者是回車,在頁面解析的時候都被解析成一個空白顯示,但有時候的需求要求顯示多個空格,這個問題怎麼解決呢?根絕我個人的經驗,目前找到了以下集中解決辦法:

1) 使用轉義字元,如 等,代替手動輸入的空格,

2)使用全形空格,全形空格被解析為漢字處理,

3)控制css:將包裹文字的標籤的樣式增加設定:white-space:pre,瀏覽器會保留文字中的空格和換行

4)使用pre標籤包裹文字

今天在使用highchart完成功能的時候,需要經highchart生成的標題顯示使用者輸入的多個空格,解決辦法採用的是第三種
主原創文章,轉載請附上博文連結!