html取消換行元素nobr

2012/11/15 16:43:06作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例介紹】

html取消換行元素nobr

在網(wǎng)頁中，如果某一行的文本過長，瀏覽器會自動對這段文字進(jìn)行換行處理?？梢允褂胣obr標(biāo)記來禁止自動換行。

【基本語法】

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

【語法介紹】

nobr標(biāo)記是成對出現(xiàn)的，以<nobr>開始，</nobr>結(jié)束，nobr用于強迫在一行顯示內(nèi)容。

【實例代碼】


<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>深秋到了，走進(jìn)空曠的校園，一陣?yán)滹L(fēng)吹來，讓人感到一陣涼意。秋天的校園仍舊光彩宜人，
樹依舊是那么綠；花兒好象不知道深秋已經(jīng)來了，依舊竟香開放，依舊用它那芳香吸引著只只蜜蜂；
蝴蝶依舊在校園里翩翩起舞，依舊用它那美麗的身影吸引著同學(xué)們的目光。
</nobr></body>
</html>

【代碼分析】

在代碼中，加粗部分的代碼標(biāo)記為取消換行標(biāo)記，在瀏覽器中預(yù)覽，可以看到文字在一行顯示，如圖所示。

取消換行元素nobr運行效果