前端開發者都知道,在html中手動輸入多個空格或者是回車,在頁面解析的時候都被解析成一個空白顯示,但有時候的需求要求顯示多個空格,這個問題怎么解決呢?根絕我個人的經驗,目前找到了以下集中解決辦法:
1) 使用轉義字符,如 等,代替手動輸入的空格,
2)使用全角空格,全角空格被解析為漢字處理,
3)控制css:將包裹文字的標簽的樣式增加設置:white-space:pre,瀏覽器會保留文本中的空格和換行
4)使用pre標簽包裹文字
今天在使用highchart完成功能的時候,需要經highchart生成的標題顯示用戶輸入的多個空格,解決辦法采用的是第三種
主原創文章,轉載請附上博文鏈接!
