HTML - 换行

  • 作者:KK

  • 发表日期:2016.01.26


在网页文件中,要显示两行文字就需要换行,以下代码这样是无法显示两行文字的。

<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
第一行:小明说:你好,我是小明
第二行:小红说:你好,我是小红
</body>
</html>

会显示这样的效果,两行文字都变成一行来显示了:

要正确地显示两行,我们应该在第一行文字后面加入<br/>这个东西,其它代码我就不写了,就写 body 里面的哦:

第一行:小明说:你好,我是小明<br/>
第二行:小红说:你好,我是小红

这样刷新网页,你就可以看到两行了。

如果你想空多一行,就加多一个<br/>,一个 br 就是换一次行,所以多少个就换多少行。

第一行:小明说:你好,我是小明<br/><br/><br/>
第二行:小红说:你好,我是小红

这样就是空开两行的效果了。