HTML+CSS+JavaScript网页制作实用教程
上QQ阅读APP看书,第一时间看更新

2.6.3 课堂案例——不换行标记<nobr>

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

语法:


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

说明:在<nobr>标记之间的文字在显示的过程中不会自动换行。

举例:


<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>不换行标记</title>
</head>
<body>
<p>公司视质量为生命,为客户提供高效服务,以实现买卖双方双赢为目的,在客户中建立了良好的信誉。</p>
<p>在这个给人们带来欢乐的阳光行业中,我们相信我们的合作能让我们彼此感到欢乐和获得更好的利益。 </p>
<p><nobr>公司视质量为生命,为客户提供高效服务,以实现买卖双方双赢为目的,在客户中建立了良好的信誉。在
这个给人们带来欢乐的阳光行业中,我们相信我们的合作能让我们彼此感到欢乐和获得更好的利益。</nobr> </p>
</body>
</html>

在代码中第3行文字加粗的部分为不换行标记,在浏览器中预览,可以看到文字不换行的效果,如图2.19所示。

图2.19 不换行效果