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

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

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

您可能感兴趣的文章:

• 让超出DIV宽度范围的文字自动显示省略号...
• 如果文字过长,则将过长的部分变成省略号显示
• jQuery实现控制文字内容溢出用省略号(…)表示的方法
• css把超出的部分显示为省略号的方法兼容火狐
• 怎么让表格为固定大小，超出的部分显示为省略号
• android开发教程之textview内容超出屏幕宽度显示省略号
• 用客户端js实现带省略号的分页
• js实现文字超出部分用省略号代替实例代码