CSS文本超过2行省略号(...)显示

基础属性:(只能做到超出一行部分省略号显示)

width: 200px;  //宽度
 
overflow: hidden;  //超出文本隐藏
 
white-space: nowrap;  //不换行,只显示一行
 
text-overflow: ellipsis;  //超出部分省略号显示

CSS3属性:(可做到超出 N 行部分省略号显示,行数可自定义)

复制代码
width: 200px;  //宽度
 
overflow:hidden;  //超出文本隐藏
 
text-overflow:ellipsis;  ///超出部分省略号显示
 
display:-webkit-box;  //弹性盒模型
 
-webkit-box-orient:vertical;  //上下垂直
 
-webkit-line-clamp:4;  //自定义行数
复制代码
posted @   一抹夏忧☆  阅读(4238)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示