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>