今天,學習 溢出文本text-overflow的時候,犯了一個錯誤,特此記錄。
text-overflow有兩個屬性值,clip和ellipsis。clip 表示不顯示省略標記(…),而是簡單的裁切;ellipsis代表當對象內文本溢出時顯示省略標記(…)
需要注意的是,要想這兩個屬性起真正的作用,需要配合overflow:hidden;white-space:nowrap;使用。
overflow:hidden;代表著超出文本的部分不顯示
white-space:nowrap;代表強制文本在一行顯示。
我寫的例子代碼:
新聞熱點
疑難解答