多行省略几种方案
对于多行文字经常会有控制行数的需求，特别是字数不可控的的标题，其中的难点是最后行末的省略号，加上省略号也让文本显得更为优雅，易读。 单行省略 .text-overflow{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; max-width: 100%; } 上述代码使用频率较高，浏览器的支持情况也良好。 多行省略...
View Article-webkit-user-select:none导致输入框无法输入
最近在webview中写页面的时候发现个别Android机型（Google Nexus，Android 4.2.2）输入框无法输入（但是键盘可以弹起，所以不是网上所说webView.requestFocus(View.FOCUS_DOWN);的问题），经过试错发现是-webkit-user-select:none;所导致的原因。 后来网上再搜，果然有同样的问题，Phonegap styles...
View ArticleClik here to view.
web font实践
因为css3的流行，@font-face也被越来越多的人熟知，font-face应用的障碍之一便是其字体前期的制作成本较高，因此本文想简单分享下自己的制作经验。 首先需要的软件有adobe illustrator 和fontlab，fontlab在网上的版本大多不是最新版。 下面以新浪微博的图标为例，介绍下制作过程。 一，使用Ai将所要新浪微博图标的路径都勾了出来，如下图 新浪微博icon路径...
View Article三行CSS代码让任何元素垂直居中
在transform: translateY的帮助下我们可以使用三行CSS代码让任何，甚至不知道高度的元素垂直居中。 CSS的transform属性常用来旋转和缩放元素，现在我们可以使用它的translateY函数垂直对齐元素。垂直居中通常的做法是使用绝对定位或者设置行高，但是这两种方案的弊端是要么需要你知道元素的高度，要么智能作用与单行文本（译注：inline或者inline-block元素）。...
View Article
