溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

文字超出容器長(zhǎng)度自動(dòng)隱藏并且顯示省略號(hào)

發(fā)布時(shí)間：2020-04-09 13:43:41 來(lái)源：網(wǎng)絡(luò) 閱讀：841 作者：日晚間粉 欄目：web開(kāi)發(fā)

在做網(wǎng)站的過(guò)程中我們會(huì)遇到這樣一種情況，在新聞列表中一行只顯示一條新聞，但是新聞標(biāo)題的長(zhǎng)短是不一樣的，如果新聞標(biāo)題過(guò)長(zhǎng)會(huì)自動(dòng)換行，當(dāng)然可以使用溢出隱藏屬性，但是使用溢出隱藏又會(huì)顯得比較突兀，現(xiàn)在給大家提供以下解決方法

<style>
     p { white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
</style>

只需要在原先寫(xiě)好的樣式中加入上述代碼即可

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手