1. 程式人生 > >css實現文本縮略顯示

css實現文本縮略顯示

.net blog cnblogs 換行 span cal size 實現 flow

轉載自http://blog.csdn.net/mushui0633/article/details/65685655

單行:

對應的css中加入

overflow:hidden;//超出一行文字自動隱藏
text-overflow:ellipsis;//文字隱藏後添加省略號
white-space:nowrap;//強制不換行

多行:

 display: -webkit-box;
 word-break: break-all;
 text-overflow: ellipsis;
 font-size: 32rpx;
 overflow: hidden;
 -webkit-box-orient: vertical;
 -webkit-line-clamp:2;

轉載自http://blog.csdn.net/mushui0633/article/details/65685655

css實現文本縮略顯示