html td nowrap不换行属性使用方法

nowrap是什么意思？

nowrap定义和用法

nowrap 属性规定表格单元格中的内容不换行。

实例

带有 nowrap 属性的表格单元：

复制代码代码如下:

Poem	Poem
Never increase, beyond what is necessary, the number of entities required to explain anything	Never increase, beyond what is necessary, the number of entities required to explain anything

TIY

浏览器支持

尽管不赞成使用 nowrap 属性，但是所有浏览器都支持它。

兼容性注释

在 HTML 4.01 中，不赞成使用 td 元素的 nowrap 属性；在 XHTML 1.0 Strict DTD 中，不支持 td 元素的 nowrap 属性。

请使用 CSS 代替。

CSS 语法：

CSS 实例：td 中不换行

在我们的 CSS 教程中，您可以找到更多有关 white-space 属性的细节。

语法

属性值

HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行。

但使用时要注意的是，td元素noWrap属性的行为与td元素的width属性有关。td元素中nowrap属性的行为与td元素的width属性有关。如果未设置td宽度，则nowrap属性起作用的，如果设置了td宽度，则nowrap属性不起作用。

nowrap详细解说

nowrap表示是否允许表格中的文本换行
nowrap=true的时候不能换行
nowrap=false可以换行

nowrap实例演示

<html><head><title>wrap属性研究</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><body bgcolor="#FFFFFF" text="#000000"><p>测试字符串：</p><p>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</p><p>单元格未设置nowrap属性的空表：</p><table width="100" border="1" cellspacing="0" cellpadding="0"><tr><td> </td></tr></table><p>加入测试字符串：</p><table width="100" border="1" cellspacing="0" cellpadding="0"><tr><td>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</td></tr></table><p>单元格设置了nowrap属性，未设置width属性：</p><table width="100" border="1" cellspacing="0" cellpadding="0"><tr><td nowrap>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</td></tr></table><p>单元格设置了nowrap属性，也设置了width属性：</p><table width="200" border="1" cellspacing="0" cellpadding="0"><tr><td width="120" nowrap>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</td><td> </td></tr></table></body></html>
提示：您可以先修改部分代码再运行

html td nowrap不换行属性使用方法

CSS教程相关栏目本月热门文章