DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> CSS截取字符串顯示省略號
CSS截取字符串顯示省略號
編輯:布局實例     

   有時候,為了避免頁面中某個Div的內容過多,而導致頁面變形,我們通常在CSs中定義overflow:hidden,這樣會不顯示文字,不過看上去用戶體驗不太好,為了獲得最佳的用戶體驗,我們在隱藏文字的同時,可以在文字後邊顯示省略號,CSS中有現成的方法可以用,比如下面對CSS的定義:

  1/*CSS代碼如下:*/

  2show{

  3overflow:hidden;

  4white-space:nowrap;

  5text-overflow:ellipsis;

  6/*為你顯示文字的div添加寬度定義,當超出寬度時會自動添加省略號*/

  7width:30px;

  8}

  在上述代碼中,text-overflow:ellipsis就是顯示省略號的,很不錯吧?

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved