当前位置:主页 > 网页前端 > HTML代码 >

使用CSS不用程序实现文字自动截断 用省略号代替

时间:2021-06-12 08:12:15 | 栏目:HTML代码 | 点击:

.test{ 
width:200px; 
height:50px; 
border:1px solid red; 
padding:10px; 
overflow:hidden; /*不显示超过对象宽度的内容*/ 
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/ 
white-space:nowrap; /*限制在一行内显示所有文本*/ 



[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章