html 在td中加css,html td nowrap不换行属性使用方法

nowrap是什么意思?

nowrap定义和用法

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

实例

带有 nowrap 属性的表格单元:

复制代码代码如下:

PoemPoem
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实例演示

wrap属性研究

测试字符串:

我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……

单元格未设置nowrap属性的空表:

 

加入测试字符串:

我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……

单元格设置了nowrap属性,未设置width属性:

我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多……

单元格设置了nowrap属性,也设置了width属性:

我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多、耐磨的多…… 

提示:您可以先修改部分代码再运行

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值