.view-text{ /** a.設置inline-block 屬性 b.強制不換行 c.固定寬度 d.隱藏超出部分 e.顯示“……” */ display: inline-block; white-space: nowrap; width: 100 ...

CSS一行顯示，顯示不下的用省略號顯示 復制上面代碼即可。 ...

在此需要用到三個屬性配合使用： 興高采烈的破蛹 重獲新生的沖動 尋找愛情世界 美夢　　既然不是毛毛蟲 就要壯烈的撲火 短暫青春要像 煙火 ...

1 ...

大家都知道文字超出一行顯示省略號用css就可以搞定，但2行、3行等多行超出顯示省略號有的人就不知怎么搞了，我用js做過一個文字判斷有興趣的可以看一下傳送門，今天就來試驗一下多行超出省略號 使用時注意瀏覽器兼容 ...

.title{ font-size: .7rem; line-height: 1.5rem; overflow: hidden; /** 隱藏超出的內容 **/ word-break: break-all ...

...

css文字超出一行就顯示省略號 1，css超出一行用點表示 white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 2，css超出二行用點表示 overflow ...