文字超长省略显示

如果文字超长需要显示…，可以使用CSS的：

overflow:hidden; white-space:nowrap;text-overflow:ellipsis;

如下图所示：

 

HTML

<body>   

   <div class="title">北京欢迎你北京欢迎你北京欢迎你</div>

   <div>北京欢迎你北京欢迎你北京欢迎你</div>

</body>

CSS

<style type="text/css">

        .title

        {

               200px; border:1px solid red;

               overflow:hidden; white-space:nowrap;text-overflow:ellipsis;

        }

</style>

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/xiaoyusmile/p/2251397.html