css实现文本截断

发表于 | 阅读次数:

text-overflow: clip|ellipsis|string

值 描述
clip 修剪文本直接截断
ellipsis 用省略号代替截断的字符串
string 使用给出的字符串来代替截断的字符串(兼容性差,只有火狐支持)

here we go

  • clip 会比 ellipsis 显示更多的字符
  • display需要是block
  • 配合white-space: nowrap 强制不换行来使用