text-overflow用來(lái)設(shè)置是否使用一個(gè)省略標(biāo)記(...)標(biāo)示對(duì)象內(nèi)文本的溢出。
語(yǔ)法:
但是text-overflow只是用來(lái)說(shuō)明文字溢出時(shí)用什么方式顯示,要實(shí)現(xiàn)溢出時(shí)產(chǎn)生省略號(hào)的效果,還須定義強(qiáng)制文本在一行內(nèi)顯示(white-space:nowrap)及溢出內(nèi)容為隱藏(overflow:hidden),只有這樣才能實(shí)現(xiàn)溢出文本顯示省略號(hào)的效果,代碼如下:
text-overflow:ellipsis;
overflow:hidden;
white-space:nowrap;
同時(shí),word-wrap也可以用來(lái)設(shè)置文本行為,當(dāng)前行超過(guò)指定容器的邊界時(shí)是否斷開(kāi)轉(zhuǎn)行。
語(yǔ)法:
normal為瀏覽器默認(rèn)值,break-word設(shè)置在長(zhǎng)單詞或 URL地址內(nèi)部進(jìn)行換行,此屬性不常用,用瀏覽器默認(rèn)值即可。
在右側(cè)代碼編輯器窗口的第8行,輸入正確內(nèi)容使文字溢出時(shí)顯示為省略號(hào)。
ellipsis是否拼寫正確?
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報(bào)