html块级元素实现过长文字部分显示

  有时候我们在前端开发过程中，会遇到一些需求：用户要求首页的很多个模块内容描述文字太多的情况下只显示：“XXXXX...”

在css中有很方便的标签可以使用，但前提是针对div块级元素，对span和a这些不起作用，但我们在实际应用中可以在标签外面再嵌套一个div，这样其实也不难

<style>
div{
   white-space:nowrap;//强制不换行，所有内容一行显示
   overflow:hidden;//溢出内容隐藏
   text-overflow:ellipsis;//只部分显示一行
}
</style>

<div>
   <span>
     xxxxxxx 
   </span>
</div>

text-overflow : clip | ellipsis

clip : 不显示省略标记（...），而是简单的裁切