css关于文字影藏省略号
2016-06-02 18:26:54
1 一行代码 这四个属性配合使用， 才能产生效果
.diandian{
width:100%； //设置宽度， 自定义宽度
overflow: hidden; 超出一行就影藏，
text-overflow: ellipsis; //关键点
white-space: nowrap; //不换行
}
2.多行
.diandian2{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; //行数自己定义
-webkit-box-orient: vertical;
}
