单行和多行溢出在移动端开发过程比较常见，因为手机的CSS分辨率（非物理分辨率）比较小，如果想要显示更多的信息又要按设计图紧凑排版，就需要对溢出进行处理了。下面以美团作为例子。标题为单行，简介是多行。当然，设计师给到设计图的理想美观化的，但测试工程师可不这么想。所以溢出必须是要处理，后端工程师可以处理，前端工程师也可以处理。最好是前端用CSS一把搞定最好了。 一、单行溢出 1，固定宽度 2，不固定宽度 先看例子： 思路：想让这个区域成为块元素，然后不换行，溢出隐藏。 另外属性 参考地址：http://jingyan.baidu.com/article/e75aca855b1500142edac6d0.html 二、多行溢出 再看例子（好吧，重要的事要重复N遍）： 在WebKit浏览器或移动端（绝大部分是WebKit内核的浏览器）的页面实现比较简单，可以直接使用WebKit的CSS扩展属性(WebKit是私有属性)-webkit-line-clamp [More]