“br”作为英文是“barter rabbet”的缩写,有“换行”的意思。在html中作为标签也是起到换行的作用,我们一起来看看它的具体用法吧!
一、<br>标签定义及用法
在html中,<br>标签是使用来插入一个换行符,它是一个空标签(没有元素内容),有的人还叫它单标签(没有结束标签)。
<br>标签有三种写法都不会报错,即<br>、</br>、<br/>这三种写法。在xhtml中,像<br>类似的单标签都需要使用“/”来自身关闭,如:<br/>,是没有</br>这样的写法的,但是在html中这样写也是不会报错的。虽然这三种写法都可以,但是建议写成<br>或者<br/>更严谨。
如果是在xhtml中就必须写成<br/>或者<br></br>。
二、语法格式
<br>或者<br/>
说明:<br>标签的作用就是在该处插入换行符,该标签后的内容将从下一行开始。
三、实例
<!DOCTYPE html><html><head><meta charset="utf-8" /><title>html<br>标签换行符详细介绍</title></head><body bgcolor="burlywood"><p>我是一个段落。<br>我是一个段落。<br/>我是一个段落。</p></body></html>
运行结果:
关于<br>标签比较简单,在这就不过多的介绍了。
方法/步骤
方法一:你定死表格的宽度,即给表格一个宽度值(是数值,不是百分比)
方法二:强制不换行
div{//white-space:不换行normal 默认nowrap强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象white-space:nowrap}
方法三:自动换行
div{ word-wrap: break-word}//word-break设置强行换行normal 亚洲语言和非亚洲语言的文本规则,允许在字内换行word-break: normal}
方法四:强制英文单词断行
div{word-break:break-all}5、另外,只要在CSS中定义了如下句子,可保网页不会再被撑开了。
table{table-layout: fixed}td(word-break: break-all word-wrap:break-word)6、既防止表格/层撑破又防止单词断裂
table { table-layout: fixedword-wrap:break-word}div { word-wrap:break-word}欢迎分享,转载请注明来源:内存溢出
评论列表(0条)