text-overflow 自動截斷過長文字並補上省略符號

• IE 6 以上版本及 Opera (最早支援的版本未知，我目前用 9.23 是支援的) 支援

• .ellipsis{
     overflow:hidden;
     white-space:nowrap;
     text-overflow:ellipsis; /* for IE, O */
     -o-text-overflow:ellipsis; /* for Opera priv */
     width:10em;
  }
  

  <p class="ellipsis">這是一段沒什麼意義，但是很長、很長、很長、很長、很長、很長的文字。</p>
  

• 同時需設定 width(相對要設定display:block;) 、 overflow:hidden; 、 white-space:nowrap; 等屬性。
• MSDN textOverflow Property (defaults, A, ABBR, ...)
• jide.fr » Emulate text-overflow:ellipsis in Firefox with CSS
• 上一個鏈結提供的方式，我試用時得將(第12行) html>body .ellipsis span:after { 改成 html>body .ellipsis:after { 才能運作。