我們在學習HTML的時候可能書本或是老師會告訴我們一件事，就是在HTML中不管我們在兩個文本之間加上多少連續的空格或是回車，到了瀏覽器里面只能顯示出一個來。但是我們從來不知道為什么。
原因很簡單，因為在HTML中，空格和回車表示的是一個文本分隔符。什么意思？就是說你加的空格或回車在瀏覽器看來只不過相當於你把“hello world”中間的這個用來表示這是兩個單詞的空格拉長了而已，所以到了瀏覽器上，它會按照標准去顯示一個空格符，而不是我們給了多少它就會顯示多少。
下面有個有趣的例子就是這個原理：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div style="width: 100px;height: 100px;background-color: #f00;">woshiyigehenchangdeyingwendanci</div>
<div style="width: 100px;height: 100px;background-color: #0f0;">wo shi yi ge hen chang de ying wen dan ci</div>
<div style="width: 100px;height: 100px;background-color: #00f;">我是中文文本，我的每個字都相當於一個單詞</div>
</body>
</html>