版权声明:本文为博主原创文章,未经博主允许不得转载。 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宽度;当然也不能确定所有的都是这样的,所以在此提醒一下。