换行

首页 > HTML实例讲解 > 换行

换行

想在 HTML 文档中特定的位置换行,可以使用 <br> 标签。

在这个位置<br>
换行。

推荐把 <br> 写在行末而不是行首。如果写在行首的话,如果前面一行正好显示到末尾,有可能会在两行间多空出来一行。

HTML入门<br>
HTML实例讲解——换行<br>

也可以使用 <div> 标签来换行。

<div>HTML入门</div>
<div>HTML实例讲解——换行</div>

要在画面上显示代码的话,可以使用 <pre> 标签。

<pre>
// 推荐使用pre标签来显示代码
main()
{
    printf("hello, world");
}
</pre>

禁止换行

禁止换行可以使用 <nobr> 标签,但此标签于 HTML5 废弃,可以使用 CSS 的 white-space: nowrap 来代替。

<nobr>使用了nobr标签的话,这里的文章不会换行。</nobr>

如果是在表格内部的话,可以在 <td><th> 标签里指定 nowrap 属性。

<table>
<tr><td nowrap>使用了nowrap属性的话,这里的文章不会换行。</td></tr>
</table>

不在某些特定的单词或句子中间换行

如果不想在某些特定的单词或句子中间换行的话,可以组合使用 <nobr><wbr> 标签。<nobr> 标签用来禁止换行,<wbr> 标签用来允许在特定的位置换行。

<nobr>HTML入门、<wbr>JAVASCRIPT入门、<wbr>CSS入门</nobr>

只用 <nobr> 也可以实现此功能。

<nobr>HTML入门、</nobr><nobr>JAVASCRIPT入门、</nobr><nobr>CSS入门</nobr>

这样可以防止在句子中间换行的情况,比如像下面的情况。

HTML入门、JAVASCRIPT入门、CSS入
HTML入门、JAVASCRIPT入门、
CSS入门