龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

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

时间:2014-06-14 03:05来源:网络整理 作者:网络 点击:
分享到:
使用CSS不用程序实现文字自动截断 用省略号代替
.test{ 
width:200px; 
height:50px; 
border:1px solid red; 
padding:10px; 
overflow:hidden; /*不显示超过对象宽度的内容*/ 
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/ 
white-space:nowrap; /*限制在一行内显示所有文本*/ 



Copy('runcode15809')" type="button" value="复制代码"/> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
精彩图集

赞助商链接