如何用CSS將超出顯示寬度的內(nèi)容隱藏起來(lái)？這是參考資料。文本溢出{顯示：塊/*需要添加內(nèi)聯(lián)對(duì)象*/寬度：31em/*指定寬度*/word-中斷：保留所有/*不要包裝*/白色-空間：nowrap/*強(qiáng)制

如何用CSS將超出顯示寬度的內(nèi)容隱藏起來(lái)？

這是參考資料。文本溢出{顯示：塊/*需要添加內(nèi)聯(lián)對(duì)象*/寬度：31em/*指定寬度*/word-中斷：保留所有/*不要包裝*/白色-空間：nowrap/*強(qiáng)制所有文本顯示在同一行上，直到文本結(jié)束或遇到對(duì)象為止。不要包裝*/溢出：隱藏/*隱藏內(nèi)容超出寬度*/*/}

文本超出需要隱藏和顯示省略號(hào)，這在工作中經(jīng)常使用，我想很多人都遇到過(guò)，有兩種解決方法，一種是用程序截取字符的長(zhǎng)度，這其實(shí)是可以的，第二個(gè)是使用樣式做的，這里主要介紹如何使用樣式做的，我不多說(shuō)，直接就代碼的CSS樣式如下：[CSS]。CSS1{顏色：?6699ffborder:1個(gè)ff8000破折號(hào)底部：20px寬CSS2{溢出：隱藏/*自動(dòng)隱藏文本*/文本溢出：省略號(hào)/*隱藏文本后添加省略號(hào)*/空格：nowrap/*強(qiáng)制不換行*/寬度：20em/*不允許半漢字截?cái)?/顏色：?6699ffborder:1個(gè)Ff8000虛線(xiàn)}[/CSS]HTML代碼如下：[HTML

[/HTML]