css文本超出隱藏 顯示三個點

文本超出顯示三個點一般分兩種情況

　　一,單行文本超出隱藏

　　　overflow:hidden;

　　　text-overflow:ellipsis;

　　　white-space:nowrap;

　　二,多行文本超出隱藏

　　　　text-overflow: -o-ellipsis-lastline;

　　　　overflow: hidden;

　　　　text-overflow: ellipsis;

　　　　display: -webkit-box;

　　　　-webkit-line-clamp: 3; //行數需設置

　　　　line-clamp: 3;

　　　　-webkit-box-orient: vertical;

單行設置寬 多行設置寬高不然不會生效