*ellipsis - 省略,在網頁上可以當作使用 ... 或 read more 的一種判斷
*text-overflow MDN
在下在網路上逛逛時發現幾個方式不錯…
1) css → text-overflow
text-overflow 應該是所有瀏覽器都有支援 ( 吧 ) ,至少我測過 IE6 ~ 11 、 Google Chrome 、 firefox 、 safari…電腦版的大至上操作…如果是設定在 <div> ... </div> 中的話,要先記住幾個
- 要設定顯示長度 width: ???px ( % )
- 要設定不斷行 white-space: nowrap
- 超過長度的不顯示 overflow: hidden
- 設定文字超過時用 ... 方式省略 text-overflow: ellipsis