<br> - 换行

首页 > HTML标签 > <br>

■ 摘要

项目说明
形式<br>
支持H2+ / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+
标签省略开始标签:必须,结束标签:无

■ 说明

br 是换行(Break)的缩写。文本会在这个标签的地方换行。在HTML代码里直接换行的话,按浏览器的不同可能显示为一个空格,或者被忽视。在浏览器里正确地换行要使用 <br> 。

想直接使用HTML代码里的换行的话,请使用 <pre>

■ 属性

【特性】
属性意义
clear=clearH3-H4T/e2+/N2+。当使用<img align="right">把文本显示在图片的边上时,可以使文字回到图片下方。也就是清除浮动。
  none:普通的换行。(默认值)
  left:换行到能在一行的最左边显示的行。
  right:换行到能显示到一行最末尾的行。
  all:等于 left 加上 right 。

【一般属性】
属性意义
class=classH4+/e4+/N4+。指定类。
id=idH4+/e4+/N4+。指定ID。
language=languagee4+。指定脚本语言。
style=styleH4+/e4+/N4+。指定样式。
title=titleH4+/e4+/N6+。指定标题。但是鼠标移上去也不会显示提示。
dir=dirH5+。指定文字显示的方向。
lang=langH5+。指定语言种类。
accesskey=keyH5+。指定快捷键。
tabindex=nH5+。指定TAB键在控件中的移动顺序。
contenteditable=boolH5+。使元素可编辑。
contextmenu=idH5+。指定contextmenu。
draggable=boolH5+。可拖动。
dropzone=valueH5+。可拖放。
hiddenH5+。隐藏元素。
spellcheck=boolH5+。检查拼写。

■ 举例

HTML代码
在这里换行。<br>换行。<br>

<img align="left" width=100 height=100 src="image/kanami.jpg" alt="图像">

align="left" 的时候,普通的 &lt;br&gt; 会在 <br>
这个位置换行,但是用了 clear="left" 之后<br clear=left>
会换行到能在一行的最左边显示的行。

浏览器显示效果
在这里换行。
换行。
图像 align="left" 的时候,普通的 <br> 会在
这个位置换行,但是用了 clear="left" 之后
会换行到能在一行的最左边显示的行。

■ <br>应该写在行头还是行尾?

<br> 写在行头的话,如果前面一行正好显示到末尾,有可能会在两行间多空出来一行。把 <br> 标签写在行尾比较好。

【不好的例子】
<br>APPLE
<br>ORANGE
<br>LEMON

【好的例子】
APPLE<br>
ORANGE<br>
LEMON<br>

■ 相关

<nobr><wbr>