内容超过宽度后显示省略号

Posted 小星星的star

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了内容超过宽度后显示省略号相关的知识，希望对你有一定的参考价值。


<div class="demo">让我们荡起双桨，小船儿推开波浪，海面倒映着美丽的白塔，四周环绕着绿树红墙！</div>
<style>
      .demo{
         width:50px;
         border:1px solid pink;
         white-space:nowrap;
         text-overflow:ellipsis;
         overflow: hidden;
      }
</style>

显示如下：

 

以上是关于内容超过宽度后显示省略号的主要内容，如果未能解决你的问题，请参考以下文章