- HTML5/CSS3/JavaScript技术大全
- 曹衍龙 汪杰
- 365字
- 2021-04-01 18:49:09
3.1.3 不换行标签<nobr>❹
如果浏览器中单行文字的宽度过长，浏览器会自动将该文字换行显示。如果希望强制浏览器不换行显示，可以使用<nobr>标签。该标签需要结束标签</nobr>。
语法格式：
<nobr>文字</nobr>
语法说明：
标签之间的文字在显示的过程中不会自动换行。该标签为HTML早期版本的标签，已经不被W3C支持，但是目前主流浏览器仍然支持该标签。
应用举例（nobr.html）：
<html> <head> <meta http-equiv="Content-Type" content= "text/html; charset=gb2312" /> <title>不换行标签的使用</title> </head> <body> <p>不使用nobr标签的效果：<br /> 君不见黄河之水天上来，奔流到海不复回。 君不见高堂明镜悲白发，朝如青丝暮成雪。 </p> <br /> <p>使用nobr标签的效果： <nobr>人生得意须尽欢，莫使金樽空对月。 天生我材必有用，千金散尽还复来。</nobr></p> </body> </html>
代码说明：
在以上代码中，加粗的部分使用了不换行标签<nobar>，让浏览器不分行显示文本。
在Chrome浏览器中显示效果如图3-3所示。
图3-3 使用不换行标签
另外，如果想在<nobr>标签中换行，可以在<nobr>标签中使用<wbr>标签。但是<wbr>标签只能在IE和Chrome浏览器中使用，而在Firefox、Opera以及Sarari中并不被支持。