文本多行省略号及单行省略号(待完成)

在切页面的时候,通常会碰到这种多行省略号和单行省略号的情况,现整理css模式如下:

 

1、单行模式

demo:

代码:

 

2、多行模式

demo:

word-wrap:break-word; -webkit-line-clamp:2; display:-webkit-box; -webkit-box-orient:vertical; text-overflow:ellipsis;

代码:

posted @ 2014-07-03 10:36  barbabravo  阅读(177)  评论(0编辑  收藏  举报