过长文字自动换行或者超长省略号显示

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了过长文字自动换行或者超长省略号显示相关的知识,希望对你有一定的参考价值。

  <div>hghghhgghghghhghghgghghhg</div>

  css:div{width:100px;} 

  超长部分省略号显示:/*超出部分不显示*/overflow: hidden;
                      /*超出部分省略号显示*/text-overflow: ellipsis;

  注:如果div中的内容存在空格,则会自动换行  阻止自动换行:white-space: nowrap;

 

以上是关于过长文字自动换行或者超长省略号显示的主要内容,如果未能解决你的问题,请参考以下文章

部分 win7 电脑调出lodop打印预览显示不全 文字文本过长不能自动换行

自定义Spinner实现选项换行/多行

文字超出容器长度自动隐藏并且显示省略号

div里面文字不自动换行

怎样td里面的字显示一行,不换行

微信小程序-canvas绘制文字实现自动换行