頁面無法輸入多個空格解決方案

antzone發表於2017-04-18

可能很多初學者會發現，在html編輯器中使用空格鍵輸入多個空格，但是實際上只會渲染一個。

下面就介紹一下如何解決此問題，需要的朋友可以參考一下。

解決方案一:

使用html字元實體（ ）來解決。

具體可以參閱HTML字元實體簡單介紹一章節。

解決方案二:

使用16進位制的unicode碼也可以解決此問題。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
window.onload = function () {
  document.getElementById("show").innerText = "這裡有五個     空格";
  document.getElementById("show1").innerText = "這裡有五個\u3000\u3000\u3000\u3000\u3000空格";
}   
</script>
</head>
<body>
<div id="show"></div>
<div id="show1"></div>
</body>
</html>

相關文章