【CSS】過長的字省略為... (三個點)

DEMO

歡迎來到Jeff x Developer，這裡有許多小編在前端開發所用的技術紀錄。

CSS

div {
    overflow : hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
    width : 200px;
}

補充說明：

該CSS效果只能應用在單行的情形，若要多行則必須在Server程式端或使用Javascript進行字串的處理。(超出某長度則截斷以...取代)

Read More