文字溢出处理1.单行文字溢出显示省略号overflow:hidden;（顾名思义，超出限制宽度的内容被隐藏）white-space:nowrap;(设置文本一行显示，不能换行)text-overflow:ellipsis;（规定在文字溢出时显示省略号，表示裁剪后的文字）2.方法一(css)-webkit-line-clamp:2;（用于限制块元素的显示）文本的行数，2表示最多显示2行。为了达到这个效果，需要结合其他的WebKit属性)display:-webkit-box;（与1结合将对象显示为灵活的盒子模型）-webkit-box-orient:vertical;（与1结合使用，设置或获取灵活框对象子元素的排列方式overflow:hidden;（顾名思义，内容超出限制宽度隐藏）text-overflow:ellipsis;（规定时文字溢出显示省略号代表裁剪后的文字）方法二（js）数据获取：估计字符，截取过长后的字符串，手动添加"..."slice(),substring(),substr()有截取字符串的作用(1)str.substring(indexStart,[indexEnd])注意：substring()从indexStart中提取的字符可以到达但不包括indexEnd。如果indexStart等于indexEnd，则substring()返回一个空字符串。如果省略indexEnd，则将substring()字符提取到字符串的末尾。如果任何参数小于0或NaN，则将其视为0。如果任何参数大于stringName.length，则为被视为stringName.length。如果indexStart大于indexEnd，则效果substring()就好像交换了两个参数；例如str.substring(1,0)==str.substring(0,1)(2)str.substr(start,[length])注意：substr()会从start开始获取length个字符（如果到达结尾字符串，它将停止拦截）。如果start为正且大于或等于字符串的长度，则substr()返回空字符串。如果start为负数，则将该值加上字符串长度再计算（如果加上字符串长度后还是负数，则从0开始截取）。如果长度为0或负数，则substr()返回空字符串。如果省略length，substr()字符将被提取到字符串的末尾。(3)str.slice(beginIndex[,endIndex])注意：如果beginIndex为负数，则在计算前将该值加上字符串的长度（如果加上字符串长度后还是负数，则开始从0截取）。如果beginIndex大于或等于字符串的长度，则slice()返回一个空字符串。如果省略endIndex，则将slice()字符提取到字符串的末尾。如果为负，则将其视为strLength+endIndex，其中strLength是字符串的长度。设置display:-webkit-box;后，部分文本属性会失效。例如：text-align:centerwebkit-box属性-webkit-box-orient子元素排列方向horizo??ntal|垂直|内联轴|块轴|inherit,where默认值为inline-axis，即水平排列-webkit-box-flex子元素之间的比例，只作为系数-webkit-box-direction子元素ordernormal|反转|继承，其中默认值为normal-webkit-box-flex-group以groups为单位的流体系数-webkit-box-ordinal-group以groups为单位的子元素排列方向-webkit-box-lines是否为子元素wrap，类似word-wrap和word-break-webkit-box-align子元素垂直方向对齐-webkit-box-pack子元素水平方向对齐
