对于单行文字, 很简单.
.oneLine {
width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
对于多行文字, 上面的代码就不适用了. web-kit based 的浏览器提供了对这个特殊需求的支持.
.twoLine {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
你只要调整-webkit-line-clamp的值就能实现在第n行[...].
对于其他内核的浏览器就只能用javascript来hack了.
Vimeo的Joe已经实现了这一功能, 可以参考 https://github.com/josephschmitt/Clamp.js 来详细了解.
程序员薪水有高有低，有的人一个月可能拿30K、50K，有的人可能只有2K、3K。同样有五年工作经验的程序员，可能一个人每月拿20K，一个拿5K。是什么因素导致了这种差异？我特意总结了容易导致薪水低的九大行为表现，避开这些大坑，你就离高薪不远了。习惯即刻回报他不懂得只有春天播种，秋天才会有收获。刚刚付...
1、<form enctype="multipart/form-data">2、<form enctype="multipart/form-data">3、<input type="file...
RSA密钥的生成与配置openssl下载地址http://dldx.csdn.net/fd.php?i=20313208579480&s=ac2e809e168f7d5b8bf1515d3d6b1aa4，或者官方下载通过openssl工具生成RSA的公钥和私钥(opnssl工具可在互联网中下...
FastClick是一个非常方便的库，在移动浏览器上发生介于轻敲及点击之间的指令时，能够让你摆脱300毫秒的延迟。FastClick可以让你的应用程序更加灵敏迅捷。支持各种移动浏览器，比如Safari、Chrome、Opera等。FastClick 是一个简单，易于使用的JS库用于消除在移动浏览器上...
虽然IE6慢慢的退出市场了，但是还是有必要了解一些兼容问题，让自己的知识有一个更好的沉淀。margin-bottom的bug是容器div的 'zoom:1' 触发了 hasLayout，其内部浮动子元素也参与到了容器的高度计算之中。在 IE6 IE7 IE8(Q)中，容器div的 &...
