4.16　创建换行

浏览器会根据包含内容的块或窗口的宽度让文本自动换行。大多数情况下，让内容像这样充满整行是很合适的，但有时你希望手动地强制文字进行换行。可以使用br元素实现这一要求。

要确保使用br是最后的选择，因为该元素将表现样式带入了HTML，而不是让所有的呈现样式都交由CSS控制。例如，不要使用br模拟段落之间的距离。相反，应该用p标记两个段落并通过CSS的margin属性规定两段之间的距离。

那么，什么时候该用br呢？实际上，对于诗歌、街道地址（参见图4.16.1和图4.16.2）等应该紧挨着出现的短行，都适合用br元素。

  1. ...
  2. <body>
  3.  
  4. <p>53 North Railway Street<br />
  5. Okotoks, Alberta<br />
  6. Canada T1Q 4H5</p>
  7.  
  8. <p>53 North Railway Street <br />Okotoks, Alberta <br />Canada T1Q 4H5</p>
  9.  
  10. </body>
  11. </html>

图4.16.1　同样的地址出现了两次，不过出于演示的目的，对它们的编码有所不同。记住，代码里的回车总是会被忽略的，因此两个段落的显示是一样的，参见图4.16.2。此外，在HTML5中书写br既可以使用
也可以使用

4.16　创建换行 - 图1

图4.16.2　每个br元素强行让接下来的内容在新的一行显示

插入换行的方法

在需要换行的地方输入
（或
）。没有单独的br结束标记，因为它是所谓的空元素，没有任何内容。

提示　在HTML5中，输入
或
都是有效的。

　

提示　可以使用样式表控制段落中的行间距（参见10.6节）以及段落之间的距离（参见11.8节）。

　

提示　hCard微格式（http://microformats.org/wiki/hcard）是“用于表示人、公司、组织和地点”的人类和机器都可读的语义形式。可以使用微格式替代图4.16.1中表示街道地址的方式。