CSS屬性text-overflow的使用問題

text-overflow:clip | ellipsis
這個屬性使用必須通過幾個屬性一塊才能使用
1,overflow:hidden;
這個屬性是內(nèi)容區(qū)裝不下內(nèi)容應該怎么辦。這里讓溢出內(nèi)容直接不顯示。這個感覺就是必備的屬性。我內(nèi)容文本溢出全部不顯示才能裁剪。不然裁剪之后還是顯示溢出就想日狗了
試了下visible. 那text-overflow就不管用了。該溢出還是溢出。管你用沒用text-overflow。
2,white-space:nowrap;
這個屬性是空白符的操作。這里是讓整個文本不換行顯示;讓整個內(nèi)容單行顯示,配合width的話就可以進行裁剪
3,width;
這個屬性是控制內(nèi)容區(qū)的寬度。不用的話text-overflow不知道從哪里開始截斷。我自己是這么理解的;
以上這篇CSS屬性text-overflow的使用問題就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
- 這篇文章主要介紹了css 設置overflow:scroll 滾動條的樣式 ,本文給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-25
CSS中overflow-y: visible;不起作用的原因分析及解決方法
小編最近遇到這樣的需求,移動端的h5頁面,要求有一排可選擇的卡片, 超出容器部分可以左右滑動,同時每張卡片左上角要有一個刪除按鈕。接下來通過本文給大家介紹CSS中overf2018-09-13深入理解CSS overflow:hidden——溢出,坍塌,清除浮動
這篇文章主要介紹了深入理解CSS overflow:hidden——溢出,坍塌,清除浮動的相關資料,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-08-03- 這篇文章主要給大家介紹了關于css中text-overflow屬性與文本截斷的相關資料,文中給出了詳細的示例代碼供大家參考學習,希望本文的內(nèi)容對各位前端開發(fā)者們能帶一定的幫助,2017-06-04
詳解CSS中zoom屬性或overflow:auto屬性清除浮動的作用
這篇文章主要為大家介紹了CSS中zoom屬性或overflow:auto屬性清除浮動的作用,文中通過實例代碼介紹的很詳細,相信會對大家的理解和學習具有一定的參考借鑒價值,有需要的朋2016-11-26使用CSS的overflow屬性防止float撐開div的方法
我們在使用float設定浮動元素的時候經(jīng)常會遇到撐破div的情況,其中一種解決方法即是利用overflow: hidden,這里我們就來看一下使用CSS的overflow屬性防止float撐開div的方法:2016-07-07- 這篇文章主要介紹了使用CSS隱藏元素滾動條的示例代碼,需要的朋友可以參考下2019-07-10
- 這篇文章主要介紹了css 給div添加滾動并隱藏滾動條的實例代碼,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-07-09