对于单行文字, 很简单.
.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 来详细了解.
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= ...
首先引入jq文件: <script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>$(function(){ $...
(function ($) { $.extend({ Request: function (m) { var sValue = loca...
模板使用代码：（本源码已Tp模板中使用案例）<!-- sosh分享 --> <link rel="stylesheet" href="__PUBLIC__/libs/sosh/msosh.min.css&quo...
PHP代码效率优化发表于2013/9/24 17:50:06 490人阅读分类： Web1、如果能将类的方法定义成static,就尽量定义成static,它的速度会提升将近4倍。2、$row['id'] 的速度是$row[id]的7倍。3、echo 比 print 快,并...
