HTML5/CSS3/JavaScript技术大全
上QQ阅读APP看书,第一时间看更新

3.4.2 输出空格❹❺

在HTML中,要想输出多个空格,并不能直接在文本中输入空格,那样会被浏览器忽略。而真正的空格是由字符串“ ”来实现的,该字符串表示空格的字符码。

应用举例(space.html):

<html> 
<head> 
<title>输出空格</title> 
</head> 
<body> 
我  要  学HTML5<br /> 
我&nbsp;要&nbsp;学CSS<br /><br /> 
我 要 学Java<br /> 
我&nbsp; &nbsp;要&nbsp; &nbsp;学JavaScript 
</body> 
</html> 

代码说明:

以上代码中,加粗的“我 要 学Java”字符串中,虽然每个字之间都设置了两个空格,但是输出时只有1个空格。而通过“&nbsp;&nbsp;”字符串设置了2个空格符的字符码,输出时则会显示2个空格。

在Chrome浏览器中显示效果如图3-15所示。

47140-00-049-1.jpg

图3-15 输出空格