用css實現文本不換行切超出限制時顯示省略號（小tips）

div{
    max-width: 500px; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;/*文本不換行*/
}

如上代碼所示，限制文段寬度，可用width或max-width，方法簡單但實用。