CSS 超出的文本...省略号显示

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/wuzengman/article/details/83588263

• 单行操作：先看代码（display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;）分别是什么意思：

  text-overflow:ellipsis;表示文本超出用省略号代替

  white-space:nowrap;表示文本不换行；

  overflow:hidden;表示超出隐藏；

  

• 2

  多行操作：明白单行的使用，多行就容易多了；除了设置宽度以外，还要设置高度。因为如果你需要显示两行，那么要设置好两行的DIV高度。然后复制上面同样的代码。

  

• 3

  注意事项：无论多行还是单行，一般都是有宽度的，这个跟父级DIV块有关，一般都是有宽度的，所以不需要设置DIV宽度；当然也不能确定所有的都是这样的，所以在此提醒一下。