css隱藏超出內(nèi)容的方法 如何用CSS將超出顯示寬度的內(nèi)容隱藏起來?
如何用CSS將超出顯示寬度的內(nèi)容隱藏起來?這是參考資料。文本溢出{顯示:塊/*需要添加內(nèi)聯(lián)對象*/寬度:31em/*指定寬度*/word-中斷:保留所有/*不要包裝*/白色-空間:nowrap/*強(qiáng)制
如何用CSS將超出顯示寬度的內(nèi)容隱藏起來?
這是參考資料。文本溢出{顯示:塊/*需要添加內(nèi)聯(lián)對象*/寬度:31em/*指定寬度*/word-中斷:保留所有/*不要包裝*/白色-空間:nowrap/*強(qiáng)制所有文本顯示在同一行上,直到文本結(jié)束或遇到對象為止。不要包裝*/溢出:隱藏/*隱藏內(nèi)容超出寬度*/*/}
文本超出需要隱藏和顯示省略號,這在工作中經(jīng)常使用,我想很多人都遇到過,有兩種解決方法,一種是用程序截取字符的長度,這其實是可以的,第二個是使用樣式做的,這里主要介紹如何使用樣式做的,我不多說,直接就代碼的CSS樣式如下:[CSS]。CSS1{顏色:?6699ffborder:1個ff8000破折號底部:20px寬CSS2{溢出:隱藏/*自動隱藏文本*/文本溢出:省略號/*隱藏文本后添加省略號*/空格:nowrap/*強(qiáng)制不換行*/寬度:20em/*不允許半漢字截斷*/顏色:?6699ffborder:1個Ff8000虛線}[/CSS]HTML代碼如下:[HTML
[/HTML]