CSS3文本溢出顯示省略號

語法:

text-overflow:clip | ellipsis

默認值:clip

適用于:所有元素

clip: 當對象內文本溢出時不顯示省略標記(...),而是將溢出的部分裁切掉。
ellipsis: 當對象內文本溢出時顯示省略標記(...)。

在使用的時候,

有時候發現不會出現省略標記效果,經過測試發現,使用ellipsis的時候,必須配合
overflow:hidden;
white-space:nowrap;
width:200px;
這三個樣式共同使用才會有效果

示例代碼:

  .test{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
    width:360px;
  }
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容