1.css控制文字只显示一行，超出部分显示省略号
例如：1行后省略
<style>
p{
width:300px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
</style>
<html>
<boby>
<p>不得不说，没有去过桂林阳朔真是一件很遗憾的事。那里的山水，有着无法让人拒绝的魔力，
让去过的人念念不忘，让没有去过的人心驰神往。淅淅沥沥的春天里，更加迷人。雨雾中的那些山水风光、
田园村落、沧桑古镇，人在其中像是在画中行，梦境一般。
</p>
</boby>
</html>
2.在新版的chrome中有个-webkit-line-camp属性,它允许你指定特定的行数省略
例如：3行后省略
<style>
p{
text-overflow:ellipsis;
overflower:hidden;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
}
</style>
<html>
<boby>
<p>不得不说，没有去过桂林阳朔真是一件很遗憾的事。那里的山水，有着无法让人拒绝的魔力，
让去过的人念念不忘，让没有去过的人心驰神往。淅淅沥沥的春天里，更加迷人。雨雾中的那些山水风光、
田园村落、沧桑古镇，人在其中像是在画中行，梦境一般。
</p>
</boby>
</html>
扫一扫
6748
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
