實現標題縮略成'..."，之前常做的方法是用程式計算字串長度再截字。這個很煩，有中英文的字串截出來的長短不一。
下面用css來實這個小功能（用ie6、ie7、opera9.6、safari3.1.2測試通過）。
html檔案如下：
<
html
>
<
head
>
<
title
> new document
title
>
<
meta
name="generator"
content="editplus"
>
<
meta
name="author"
content=""
>
<
meta
name="keywords"
content=""
>
<
meta
name="description"
content=""
>
<
style
type="text/css"
>
* a
ul li
li a
style
>
head
>
<
body
>
<
ul>
<
li>
<
ahref="#"
>探索railskits──停止編寫重複冗餘的**
a>
li>
<
li>
<
ahref="#"
>visual c#中實現db2資料庫的程式設計
a>
li>
<
li>
<
ahref="#"
>netbeans社群慶祝十週年生日
a>
li>
<
li>
<
ahref="#"
>11月6日微軟 tech-ed 歸來有感
a>
li>
<
li>
<
ahref="#"
>投影軟體融合專案
a>
li>
ul>
body
>
html
>
ellipsis.xml內容如下：
參考：http://www.aoao.org.cn/blog/2008/07/firefox-text-overflow-ellipsis/
css實現標題縮略顯示方法
今天在哈爾濱今日圖靈學校，有朋友說起了應用css樣式來實現文章標題多出的截去以省略號代替的方法 說來慚愧這方法早知道可竟然沒仔細了解 看到演示，如夢方醒，以後再也不費力氣用程式來截去多餘字串了.這個方法很簡單主要就是應用css中的text overflow ellipsis實現 首先我們來看看tex...
css實現文字單行，多行縮略方法
hidden 超出內容隱藏 white space nowrap 文字不換行 text overflow ellipsis 文字超出內容用 代替 webkit box 建立盒子模型 webkit line clamp 2 規定顯示的 行數 autoprefixer off 參考其他資料時，說這個會在...
CSS擷取標題
css樣式 display block width 100 word break keep all white space nowrap overflow hidden text overflow ellipsis 說明 1 內聯元素需加 display block 2 相容ie6溢位及省略號問題需...