1. 程式人生 > >CSS多行文字溢位省略號...顯示設定

CSS多行文字溢位省略號...顯示設定

單行文字溢位...

.text-over{
    width:200px;
    overflow: hidden;
    text-overflow:ellipsis;//文字溢位顯示省略號
    white-space:nowrap;//文字不換行
}

多行文字溢位...

.text-over{    
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}