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