文本溢出显示

单行文本溢出隐藏

p{
width:200px;

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis; 
}


指定行数、多行溢出隐藏(兼容ie7)
div {

line-height:20px;

heigh:60px; //这里是行高的倍数

overflow : hidden;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 3;  // 这里写显示的行数

-webkit-box-orient: vertical;}

posted on 2017-11-29 10:20  张大哒  阅读(222)  评论(0编辑  收藏  举报