文本溢出：剪辑|ellipsis作用：文本溢出和简单裁剪Text-overflow:clip表示省略号(...)不显示，只是简单裁剪，overflow:Hidden和height可以生效。使用Text-overflow:clip可以做什么单独使用overflow:hidden也可以完成，所以在开发上没有实际意义，所以我们就不重点讲解Text-overflow:ellipsis了（现在Firefox也支持了）当对象文本溢出时，会显示省略号(...)，需要配合over-flow:hidden;white-space:nowrap才能生效text-overflow:ellipsis;/只是作为一个comment/white-space:nowrap;/不让文本换行/overflow:hidden;/显示多余部分.../多行文本溢出显示点：（适用于webkit浏览器或移动页面）在WebKit浏览器或移动端（大部分是带有WebKit内核的浏览器）页面实现比较简单，可以直接使用WebKit的CSS扩展属性（WebKit是私有属性）-webkit-line-clamp；注意：这是一个非标准化属性（unsupportedWebKitproperty），它没有出现在CSS规范草案中。-webkit-line-clamp用于限制块元素中显示的文本行数。为了达到这个效果，需要结合其他的WebKit属性。常用组合属性：display:-webkit-box;必须组合以将对象显示为灵活的盒模型的属性。-webkit-box-orient必须与设置或检索flexbox对象子元素的对齐方式的属性结合使用。text-overflow:ellipsis;,可用于多行文本的情况，使用省略号“...”隐藏超出范围的文本。溢出：隐藏；文本溢出：省略号；显示：-webkit-box；-webkit-line-clamp:2;-webkit-box-orient:vertical;
