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

(编辑:jimmy 日期: 2024/12/26 浏览:2)

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



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

一句话新闻

高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。