css超出一行不折行,而是顯示省略號

通過使用text-overflow和white-space屬性來使文本在一行內顯示,超出則加省略號;

必要條件有:

  • 必須給元素超出隱藏(overflow:hidden;)
  • 強制在同一行顯示(white-space: nowrap;),不折行;
  • 省略號(text-overflow:ellipsis;)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章