Table里td中的文本过长,设置不换行,随内容同行显示(转载)

Posted Mr_伍先生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Table里td中的文本过长,设置不换行,随内容同行显示(转载)相关的知识,希望对你有一定的参考价值。

 当td中内容过长时,内容会溢出,换行显示,美观超级差,在td里设置这个属性 "white-space:nowrap   就可以解决排版问题啦

           <td style="white-space:nowrap">非法闯入闯出亮灯处理:</td>

 

 不美观的样式:

              技术分享

 

美观的样式:

 技术分享

  另外,nowrap属性可以用在很多标签里面哦,美化排版效果。

 

以上是关于Table里td中的文本过长,设置不换行,随内容同行显示(转载)的主要内容,如果未能解决你的问题,请参考以下文章

如何将<td>文字过长的部分,变成省略号显示

HTML的table中td内容换行上下间距怎么设置

TD不换行 nowrap属性

使td内容不换行不撑开

table内的多个input实现不换行

table 中 文字长度大于td宽度,导致文字换行 解决方案