文享日志

文字溢出的实现

CSS

发表于2017年07月23日02:59:14

0条评论 232次阅读

css3规范中,实现的其实只是单行溢出。。

实现过程如下:

css: 

    white_space : nowrap    (消除空格,所有文字在一行显示);

    text-overflow : ellipsis (文字溢出,最后以...结束);

    overflow : hidden;

效果图:

多行实现:

  1.     overflow: hidden;  
  2.     text-overflow: ellipsis;  
  3.     display: -webkit-box;  
  4.     -webkit-line-clamp: 3;  
  5.     -webkit-box-orient: vertical;

    

参考:

http://www.runoob.com/css3/css3-text-effects.html;

http://yanzhihong23.iteye.com/blog/1743395;

👍 0  👎 0
共有0条评论

发表新评论

提交

广告展示

腾讯云推广 阿里云推广