单行溢出和多行文本溢出

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

腾讯X5内核常见问题解答

在移动端开发时,我们会遇到在适配微信、QQ浏览器的问题,但有些问题很诡异,特别是现在android碎片化越来越严重,各浏览器未完全HTML5/CSS3功能,查找问题和调试起来也比较麻烦。本篇文章选自腾讯X5内核的常见问题解答,借此我们可以更进一步了解X5内核、微信浏览器。 [More]