超出文本出现省略号

CSS超出文本出现省略号

p{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}

p要有宽度 这样文字超出那个宽度就自动省略出现…

多行

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;  //行数
-webkit-box-orient: vertical;  // 从上到下垂直排列子元素