今天看了页面单元格内文字换行就找了下,如何不设置宽度,不换行

HTML5 中的不换行技巧:nobr与CSS替代
本文介绍了HTML5中如何实现文本不换行,包括使用nobr标签及CSS的white-space属性。同时展示了如何在表单单元格中应用nowrap属性,以及设置宽度后超过部分隐藏的技术。

<nobr> 标签设置不换行

例子:

<nobr>我不换行,不换行,不换行,</nobr>

但是好像说html 5 中取消了 nobr

但是还可以在css 中  可以使用 CSS 的 white-space: nowrap 来代替


<span style="white-space: nowrap;" >html 5 中我也不换行,我也不换行,我也不换行html 5 中我也不换行,我也不换行,我也不换行html 5 中我也不换行,我也不换行,也不换行tml 5 中我也不换行,我也不换行,我也不换行</span>

 表单单元格中可以直接设置nowrap 属性

<table><tr><td nowrap >我不换行,不换行,不换行</td><td></table>

还有一个设置 设置宽度后不换行,超过隐藏

<table style="table-layout:fixed;overflow:hidden;" width=60 ><tr> <td> <div>abcdefghABCDEFGH1234567890abcdefghABCDEFGH1234567890</div> </td> </tr></table>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值