div盒子超出内容变成省略号

第一种方式：

li{
white-space:nowrap;强制不换行；

overflow:hidden;超出的部分隐藏；

text-overflow:ellipsis;让隐藏的文本用省略号的方式显示出来

}

在li上的文本超出的以省略号形式显示

第二种方式：

div{
display:-webkit-box;

-webkit-box-orient:vertical;

-webkit-line-clamp:1;   设置只显示一行，超出一行的就不显示

overflow:hidden;  超出设置的隐藏

text-overflow:ellipsis;  超出的用省略号表示

}

写在内div

标签：盒子,省略号,text,超出,webkit,div,overflow
来源： https://blog.csdn.net/qq_42526440/article/details/120883770