HTML <td> 标签的 nowrap 属性

本文介绍HTML中表格单元格内容不换行的nowrap属性及其替代方案CSS white-space属性。详细展示了如何使用这两个方法来控制表格内容的显示,并提到了不同版本HTML对该属性的支持情况。
[b]定义和用法[/b]
nowrap 属性规定表格单元格中的内容不换行。
[b]实例[/b]
带有 nowrap 属性的表格单元:

<table border="1">
<tr>
<th>Poem</th>
<th>Poem</th>
</tr>
<tr>
<td nowrap="nowrap">Never increase, beyond what is necessary, the
number of entities required to explain anything</td>
<td>Never increase, beyond what is necessary, the number of entities
required to explain anything</td>
</tr>
</table>
TIY
[b]浏览器支持[/b]
尽管不赞成使用 nowrap 属性,但是所有浏览器都支持它。
[b]兼容性注释[/b]
在 HTML 4.01 中,不赞成使用 td 元素的 nowrap 属性;在 XHTML 1.0 Strict DTD 中,不支持 td 元素的 nowrap 属性。

请使用 CSS 代替。

CSS 语法:<td style="white-space: nowrap">

CSS 实例:td 中不换行

在我们的 CSS 教程中,您可以找到更多有关 white-space 属性的细节。
[b]语法[/b]
<td nowrap="value">
[b]属性值[/b]
[table]
值||描述
nowrap||规定表格单元格中的内容不换行
[/table]
<table class="table" width="100%" layoutH="111"> <thead> <tr> <th width="5"><input type="checkbox" group="ids" class="checkboxCtrl"></th> <th width="5" orderField="item_id" <if condition="$_REQUEST._order eq 'item_id'">class="{$_REQUEST._sort}"</if>>{$Think.lang.id}</th> <th width="300">Material Name</th> <th width="25" orderField="ITEM_STATUS" <if condition="$_REQUEST._order eq 'item_status'">class="{$_REQUEST._sort}"</if>>Status(In)</th> <th width="20">Request by</th> <th width="25" orderField="REQ_DATE" <if condition="$_REQUEST._order eq 'REQ_DATE'">class="{$_REQUEST._sort}"</if>>Request date</th> <th width="25">Current Delay</th> <th width="25">Total Delay</th> <th width="20" orderField="URGENCY" <if condition="$_REQUEST._order eq 'URGENCY'">class="{$_REQUEST._sort}"</if>>Urg</th> <th width="10" orderField="ERP_CODE" <if condition="$_REQUEST._order eq 'ERP_CODE'">class="{$_REQUEST._sort}"</if>>Erp Code</th> <th width="15" orderField="QR_NUMBER" <if condition="$_REQUEST._order eq 'QR_NUMBER'">class="{$_REQUEST._sort}"</if>>QR Number</th> <th width="55">Remark</th> </tr> </thead> <tbody> <volist id="vo" name="list"> <tr target="sid_node" rel="{$vo['item_id']}" style="height: 27px;" <neq name="vo.ERP_CODE" value="">class="set_bold"</neq>> <td><input name="ids" value="{$vo['item_id']}" type="checkbox"></td> <td>{$vo['item_id']}</td> <if condition="$vo['ERP_CODE'] eq ''"> <td>{$vo['ITEM_NAME']}</td> <else/> <td style="font-weight: bolder;">{$vo['ITEM_NAME']}</td> </if> <td>{$vo['ITEM_STATUS']}</td> <td>{$vo['REQ_BY']}</td> <td>{$vo['REQ_DATE']}</td> <if condition="$vo['CUR_STEP_DATE'] eq ''"> <td>0</td> <elseif condition="$vo['Current_Delay'] elt '12'" /> <td>{$vo['Current_Delay']}</td> <else/> <td style="background-color: red;">{$vo['Current_Delay']}</td> </if> <if condition="$vo['Total_Delay'] elt '12'"> <td>{$vo['Total_Delay']}</td> <else/> <td style="background-color: red;">{$vo['Total_Delay']}</td> </if> <if condition="$vo['URGENCY'] eq 'QTA'"> <td style="color: red;">{$vo['URGENCY']}</td> <else/> <td>{$vo['URGENCY']}</td> </if> <td>{$vo['ERP_CODE']}</td> <td>{$vo['QR_NUMBER']}</td> <td>{$vo['remark']}</td> </tr> </volist> </tbody> </table> 以上能不能实现,鼠标放到<td>上,就会显示出所对应的$vo['comment']
08-15
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值