其他分享
首页 > 其他分享> > div盒子超出内容变成省略号

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