如果運用 css 或 php 來做 ellipsis (文字太長而省略) 的效果

在做在網頁的時候，尤其在文章呈現或條列式呈現文字的時候，因為不想要一次顯現出一堆文字而想要做摘要或部份文字顯示…這時候應該怎麼入手會比較好？

*ellipsis - 省略，在網頁上可以當作使用 ... 或 read more 的一種判斷
*text-overflow MDN

在下在網路上逛逛時發現幾個方式不錯…

1) css → text-overflow

text-overflow 應該是所有瀏覽器都有支援 ( 吧 ) ，至少我測過 IE6 ~ 11 、 Google Chrome 、 firefox 、 safari…電腦版的

大至上操作…如果是設定在 <div> ... </div> 中的話，要先記住幾個

1. 要設定顯示長度 width: ???px ( % ) 
2. 要設定不斷行 white-space: nowrap
3. 超過長度的不顯示 overflow: hidden
4. 設定文字超過時用 ... 方式省略 text-overflow: ellipsis

有關於jquery colorbox在指定selector時有時會要click twice才會啟發的問題與解決方式

這一個其實不太算是「問題」，應該叫「操作」觀念上的問題。

這個問題大部份會發生在你要放入colorbox的東西是用ajax抓出來的時候比較容易發生。

但這個主要會發生的原因其實就是因為你的資料不是「原本」就出現在document(指的是受影響的網頁)身，因為ajax的東西操作發生的時候，我們大都會寫在

1:  $(document).ready({  
2:    balabalabalabalabalabala  
3:  });  

所以已經告知script的啟用是在document完畢之後，那當然你要放入colorbox的東西在document ready的當下還沒出現在document上面…

但，其實這不是point....