.text{溢出：隐藏；文本溢出：省略号；空白：nowrap；1.文本溢出隐藏行数看设计意境)2.单行文本溢出隐藏.text{溢出：隐藏；文本溢出：省略号；空白：nowrap；1.注意，以上设置是单行文字溢出和隐藏必备的3个CSS属性，缺一不可。2.解释溢出：隐藏；当内容溢出元素框时，内容将被裁剪，其余内容将不可见。文本溢出：省略号；当文本溢出包含元素时，将显示一个省略号来表示修剪后的文本。空白：nowrap；文本不会换行，文本将在同一行继续，直到遇到
标记。3.多行文本溢出隐藏.text{display:-webkit-box;-webkit-box-orient：垂直；-webkit-line-clamp:2;溢出：隐藏；文本溢出：省略号；1.注意页面在WebKit浏览器或者移动端（大部分是WebKit内核的浏览器）实现比较简单，可以直接使用WebKit的CSS扩展属性（WebKit是私有属性）-webkit-line-clampwebkit-line-clamp是不受支持的WebKit属性，未出现在CSS规范草案中。2.说明-webkit-line-clamp限制一个块元素中显示的文本行数。显示：-webkit-box；将对象显示为弹性盒模型。-webkit-box-orient设置或获取flexbox对象子元素的方向。文本溢出，在多行文本的情况下，用省略号“...”隐藏越界文本。4、JavaScript方式使用JS插件实现该功能。这里推荐两个插件：1.Clamp.jsvarmodule=document.getElementById("clamp-this-module");$clamp(module,{clamp:3});2.jQuery.dotdotdot$(document)。ready(function(){$("#wrapper").dotdotdot({//配置在这里});});
