时间：2021-07-01 10:21:17 帮助过：46人阅读
一、nobr语法
| 1 |
< nobr >内容 |
不换行内容放入
二、nobr标签特点：
如不遇到br换行标签，内容在一行显示完，如遇到br换行标签，内容将在加br换行自动换行。
| 1 2 3 |
< div style = "white-space: nowrap;" > 即使浏览器的横幅不够，这里也不会换行。
|
三、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 |
< html xmlns = "http://www.w3.org/1999/xhtml" > < head > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" /> < title >nobr标签实例 www.169it.com < style > ul{ border:1px solid #000; width:200px;} li{ width:200px; line-height:22px}
< body > < ul > < li >< nobr >第一排内容文字多加nobr标签测试内容 < li >< nobr >第二排内容文字多加nobr标签不能排下 < li >第三排内容文字多没有加nobr标签 < li >第四排 文字少能排下
|
示例代码2：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
< style type = "text/css" > .AutoNewline { width:300px; border:1px solid red; }
< table > < tr > < td class = "AutoNewline" >< nobr >自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换 行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自动换行自 动换行自动换行自动换行
|