注意:使用css自动出现省略号,不能是行内元素,如果是行内元素,先转成块级元素
一、单行出现省略号.....
p{
//注意一定要设置宽度 110px; //强制文字换行 white-space:nowrap; //溢出隐藏 overflow:hidden; //出现省略号 text-overflow:ellipsis; }
二、多行出现省略号......
p{ //类似于display:flex; display:-webkit-box; //垂直的,竖立的 -webkit-box-orient:vertical; //设定文字显示几行 -webkit-line-clamp:3; //溢出隐藏 overflow:hidden; }