css控制文本單行或者多行溢出顯示爲省略號...

p:first-child {

　　background-color: pink;

　　width: 150px;

　　line-height: 28px;

　　font-size: 20px;

　　 overflow: hidden;

　　text-overflow: ellipsis;

　　white-space: nowrap;

}

p:last-child {

　　background-color: pink;

　　width: 150px;

　　line-height: 28px;

　　font-size: 20px;

　　overflow: hidden;

　　text-overflow: ellipsis;

　　display: -webkit-box;

　　-webkit-box-orient: vertical;

　　-webkit-line-clamp:3;

　　 //這裏實際上是讓第三行末尾顯示爲省略號罷了,若是去掉 overflow: hidden;

}