html取消换行元素nobr

2012/11/15 16:43:06作者：佚名来源：网络

移动端

【实例介绍】

html取消换行元素nobr

在网页中，如果某一行的文本过长，浏览器会自动对这段文字进行换行处理。可以使用nobr标记来禁止自动换行。

【基本语法】

<nobr>不换行文字</nobr>

【语法介绍】

nobr标记是成对出现的，以<nobr>开始，</nobr>结束，nobr用于强迫在一行显示内容。

【实例代码】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>取消换行元素</title>
</head>
<body>
<nobr>深秋到了，走进空旷的校园，一阵冷风吹来，让人感到一阵凉意。秋天的校园仍旧光彩宜人，
树依旧是那么绿；花儿好象不知道深秋已经来了，依旧竟香开放，依旧用它那芳香吸引着只只蜜蜂；
蝴蝶依旧在校园里翩翩起舞，依旧用它那美丽的身影吸引着同学们的目光。
</nobr></body>
</html>

【代码分析】

在代码中，加粗部分的代码标记为取消换行标记，在浏览器中预览，可以看到文字在一行显示，如图所示。

取消换行元素nobr运行效果