对于单行文字, 很简单.
.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 来详细了解.
本文章来给各位同学介绍一下关于jQuery ajax使用$(this).parent()无效解决方法，希望此方法对各位同学人有所帮助哦html 代码如下复制代码<p class="item"><input type="text" n...
svn提交发现错误#cd /home/svn/app/# svn upUpdating '.':Skipped 'xxx' -- Node remains in conflictAt revision 1054.Summary of conflicts: ...
CREATE TRIGGER updateutime2 BEFORE UPDATE on yp_cms_score for EACH ROW BEGIN SET NEW.utime= ...
MySQL获得当前日期时间\时间戳函数 1.1 获得当前日期+时间（date + time）函数：now()mysql> select now();+———————+| now() |+———————+| 2008-08-08 22:20:46 |+———————+除了 now()...
RSA密钥的生成与配置openssl下载地址http://dldx.csdn.net/fd.php?i=20313208579480&s=ac2e809e168f7d5b8bf1515d3d6b1aa4，或者官方下载通过openssl工具生成RSA的公钥和私钥(opnssl工具可在互联网中下...
