HTML中br标签使用与换行效果实现.pdfVIP

使用br分行显示文本

对于上一小节的例子，我们想让那首诗显示得更美观些，如显示下面效果：

怎么可以让每一句诗词后面加入一个折行呢？那就可以用到br/了，在需要加回车换行的地方加

入br/，br/作用相当于word文档中的回车。

上节的代码改为：

语法：

xhtml1.0写法：

br/

html4.01写法：

br

大家注意，现在一般使用xhtml1.0的版本的写法（其它也是），这种版本比较规范。

与以前我们学过的不一样，br/是一个空，没有HTML内容的就是空，空

只需要写一个开始，这样的有br/、hr/和img/。

讲到这里，你是不是有个疑问，想折行还不好说嘛，就像在word文件档或记事本中，在想要折行的

前面输入回车不就行了吗？很遗憾，在html中是忽略回车和空格的，你输入的再多回车和空格也是显示

不出来的。如下边的代码。

上面的代码在浏览中显示是没有回车效果的。如下图所示：

总结：在html代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行，就必须输入

br/。