DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS文本超出div或者span時用省略號代替
CSS文本超出div或者span時用省略號代替
編輯:CSS詳解     
在項目中我們經常需要在文本過長時顯示,將文本超出的部分內容用省略號代替,基於CSS代碼是怎麼實現的呢?下面小編通過分析本文給大家詳解,感興趣的朋友一起學習吧

在項目中我們經常需要在文本過長時顯示,將文本超出的部分內容用省略號代替:
思想為:
首先設置寬度,然後讓超出的部分隱藏
如果有超出則在最後顯示省略號
讓文本不換行
具體CSS代碼為:

復制代碼代碼如下:
.title{
width:200px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
Word-break:keep-all;
}

Html代碼就不用寫了,一個div 或者span class = "title"即可。

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