css樣式顯示省略號自定義寬度超過隱藏顯示省略標記
發(fā)布時間：2014-04-18 14:54:49 作者：佚名 
我要評論
我要評論這篇文章主要介紹了css樣式怎么顯示省略號，即當超過自定義寬度時隱藏顯示省略標記，比較實用，需要的朋友可以參考下
用css樣式顯示省略號，記
.xx{
display: block;
width:200px;/*對寬度的定義,根據情況修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
效果圖
復制代碼
代碼如下:.xx{
display: block;
width:200px;/*對寬度的定義,根據情況修改*/
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
效果圖
相關文章
- 下面小編就為大家?guī)硪黄狢SS文本超出指定寬度后隱藏并顯示為省略號的實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-24
- 這篇文章主要介紹了如何利用css的樣式對文本進行隱藏和顯示等操作，需要的朋友可以參考下2014-05-08
- css樣式，想必很多從事網頁布局的朋友對它很熟悉吧，常見的用法就不說了，本文主要為大家介紹下css樣式的零碎用法包括樣式的動態(tài)添加及樣式的顯示和隱藏等等，喜歡的朋友可2014-04-01
- 顯示隱藏一個div特效的方法有很多，下為大家介紹下使用純css3是如何實現的，感興趣的朋友可以參考下2014-02-10
- 文字的顯示和隱藏，在某些時候還是比較實用的，可能對于初學者有些難度，下面為大家簡單介紹下具體的實現，感興趣的朋友可以參考下2013-08-18
- 隨著CSS3的發(fā)布，國外研究正如火如荼，但在國內還有很多人抱著IE不支持CSS3的想法，始終無動于衷不肯去學習。2010-12-18
從A頁面連接到B頁面后并直接把B頁面的隱藏層顯示-CSS教程-網頁制作-網
這個效果實現的是，在B頁面里有兩個層，一個顯示層，我們暫定名c層，一個是隱藏層，我們暫定名d層，單獨進B頁面的時候，c層顯示，d層隱藏，然而從A頁面連接到B頁面的時2008-10-17- 本文給大家介紹了css實現隱藏和顯示功能的實例代碼，代碼簡單易懂，非常不錯，具有參考借鑒價值，有需要的朋友可以參考下2016-07-01