如何使文本换行

在HTML代码中，如果有多个换行，你并不会在网页上看到换行的存在。例如，有如下HTML代码：

<div>这是第一行</div>



<div>这是第二行</div>
    

在上面的示例中，我在两个<div>之间用回车键制造了三个空行，期望在两个<div>之间留出较大的空间。但事与愿违，实际的运行结果将是这样的：

从运行结果可以看到，两个<div>之间并没有出现三个空行。

这是因为，HTML代码中两个元素之间的空行会被浏览器忽略。所以，无论你在上面的示例中敲多少空行，都是无用的。

但是，如果你确实需要有多个穿行，又应该如何做呢？

针对这样的需求，HTML提供了一个专门用来换行的标签：<br/>。例如，可以将上面示例中的代码修改成下面这样：

<div>这是第一行</div>
<br/>
<br/>
<br/>
<div>这是第二行</div>
    

这样，在两个<div>之间就会如你所期望的那样出现三个空行了。

你可能已经注意到了，这个<br/>标签长得有点怪，它的写法与我们之前接触过的标签的写法不相同，它没有结束标签，并且在标签中标签名的后面有一个/。

是的，<br/>是没有结束标签的，因为它是自关闭标签，它会自己关闭自己。在今后的学习中，你将会接触到更多的自关闭标签。

自关闭标签中的/是可以省略的，因此，你也可以将<br/>写成<br>，它们是完全相同的。所以可将上面的示例修改下面这样：

<div>这是第一行</div>
<br>
<br>
<br>
<div>这是第二行</div>
    

你还可以将<br/>用在一段文本中间，使文本从中间换行，例如：

<div>在HTML中，<br/>可以使用br标签使文本换行。</div>
    

以上示例的运行结果将是这样的：

练习