[F2E_Zen Codeing][CSS] 神速用 CSS 讓過長文章溢出的字省略變 ...

接續前一篇文章Zen Coding，結合CSS，讓你神速讓過長文章結尾變。。。

使用線上工具：codepen

在Html 打上

li*5>lorem

並按上Tab，建立5段文章，然後在CSS貼上

li {
    width:15em;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;
}

就會發現文章超過範圍會變。。。

See the Pen [F2E_Zen Codeing][CSS] 快速用 CSS 讓過長文章溢出的字省略變 ... by Ben Tseng (@benrock666) on CodePen.