HTML nowrap
时间:2009-04-20 来源:ybu2008
作用:
HTML nowrap属性用于禁止<td>内容自动换行,需要注意nowrap的行为与<td>的width属性有关
当width设置了值时,nowrap就没有效果了。
值:
nowrap=true 允许换行
nowrap=false 禁止换行
扩充资料(出自:http://zh.wikipedia.org/wiki/Template:Nowrap):
模板文档
这个说明来自于本页包含的Template:Nowrap/doc。(编辑 | 历史)
HTML nowrap属性用于禁止<td>内容自动换行,需要注意nowrap的行为与<td>的width属性有关
当width设置了值时,nowrap就没有效果了。
值:
nowrap=true 允许换行
nowrap=false 禁止换行
扩充资料(出自:http://zh.wikipedia.org/wiki/Template:Nowrap):


本模板防止包含空格的一段文本或链接被从中换行。换行是在英文环境下可能需要注意的一个问题。中文环境下也可用该模板来保持一段文本不被换行所打断,例如:
{{nowrap|不想从中换行的文字}}
在你使用本模板之前你可能会想弄懂换行处理(英文)。
用法
Lots of text {{nowrap|10 kg (22 lb)}} more text.
它可能渲染成这样:
Lots of text 10 kg (22 lb)more text.或者这样:
Lots of text10 kg (22 lb) more text.但不会渲染成这样:
Lots of text 10 kg (22lb) more text.处理解释字符(interpreted characters)
模板在处理含有等号“=”或竖直符“|”的参数数据时都可能产生一些问题。在那种情况下,可考虑使用{{nowrap begin}}+{{nowrap end}}来代替。但是也有权变措施:
对于包含一个等号“=”的文本,在文本之前放置“1=”,例如:
{{nowrap|1=2 + 2 = 4}}渲染成这样:
2 + 2 = 4对于包含一个竖直符“|”的文本,用|或{{!}}来避开此符号,例如:
{{nowrap||2| < 3}}或像这样:
{{nowrap|{{!}}2{{!}} < 3}}渲染成这样:
|2| < 3技术细节
完成此项工作的实际的代码是这样的HTML+CSS代码:
<span style="white-space:nowrap">This text will not wrap(这些文字不会换行)</span>若你的文本开头或结尾处有空格,在完成渲染的文本中那些空格将掉到no-wrap标签外面,这是由于Wikimedia的渲染机制所致。
相关阅读 更多 +