前端页面使用CSS方法处理字符串过长的问题最简便

     做一个项目或者应用的时候我们经常会遇到这样的需求， 表格或者某容器内的字符串过长，撑大了表格，让布局变形。 于是我们需要对字符串处理。 截取固定的长度，多余的长度显示为‘...’ ，  于是我们可能会想很多办法，截取字符串，拼接成固定长度， 也可能在后端处理好传到页面，也可能在前端通过Javascript 通过精妙的方法取dom 计算长度处理。  现在有一个更简单的方法在字符串的父容器添加样式。 

 

style="width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"

width:180px //是想要固定的长度。  

这样就可以了， 简单多了。 另外很多时候紧跟着会有这样的需求， 鼠标悬停的时候需要显示完整的字符串内容，那么在父容器在添加这样的属性：

title=“xxxxxx”  //完整的字符串