目录导航

有时在编写文本或HTML代码时,我们经常需要在某些点处换行。HTML <br> 元素在文本中生成一个换行(回车)符号。此元素在写诗和地址时很有用,这些地方的换行都非常重要。

注意:不要用 <br> 来增加文本之间的行间隔;应使用 CSS margin 属性或<p> 元素。

1. HTML BR元素属性

下表列出了BR元素的属性:

序号 属性 说明
1 id 定义id的值
2 style 定义元素的内联样式
3 class 定义元素的类名
4 title 提供有关元素的额外信息

2. HTML换行示例

以下示例显示了如何使用HTML中的BR元素来换行。

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>    
</head>
<body>
    <h2>HTML换行示例</h2>    
    <hr/>
    <p>
        这是一段话,<br/>换行后的另一段话。<br/>现在学习如何使用换行。
    </p>

</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:

HTML换行示例

下面是换行的另一个示例:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>HTML教程</title>    
</head>
<body>
    <h2>HTML换行示例</h2>    
        如果你想在一段中<br/> 换行<br/> 请使用br元素。<br/>
</body>
</html>

在浏览器中打开上面代码文件,显示结果如下:

HTML换行