欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

文本超出部分出现省略号

程序员文章站 2022-04-12 13:30:22
...
仅适用于单行
当希望文本超出部分出现省略号时:
可设置:
white-space:nowrap;
text-overflow:ellipsis;
例如:

p{

width:200px;
border:1px solid #ccc;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}