在网页排版布局中比如文章列表标题排版,无论多少文字均不希望换行显示,需要强制在一行显示完内容。这就可以nobr标签来实现。它起到的作用与word-break:keep-all 是一样的。nobr 是 No Break 的缩写,意思是禁止换行。通常在浏览器上显示的文档会在到达浏览器的横幅底端时自动换行,但是如果文字被包含在
一、nobr语法
1 |
内容 nobr > |
不换行内容放入
二、nobr标签特点:
如不遇到br换行标签,内容在一行显示完,如遇到br换行标签,内容将在加br换行自动换行。
1 2 3 |
即使浏览器的横幅不够,这里也不会换行。 div > |
三、html nobr禁止内容换行代码示例
这里假如有4行文章标题列表,设置宽度为200px;css行高为22px;对4列的内容我们采用ul li列表布局,其中2个对内容加
1、完整html源代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
nobr标签实例 www.169it.com title >
ul{ border:1px solid #000; width:200px;} li{ width:200px; line-height:22px} style > head >
第一排内容文字多加nobr标签测试内容 nobr > li > 第二排内容文字多加nobr标签不能排下 nobr > li > 第三排内容文字多没有加nobr标签 li > 第四排 文字少能排下 li > ul > body > html > |
示例代码2:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
.AutoNewline { width:300px; border:1px solid red; } style >
自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换 行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自 动换行自动换行自动换行 nobr > td > tr > table > |