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

前端  /  管理员 发布于 7年前   164

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


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]


  • 上一条：
    网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
    下一条：
    多浏览器css兼容分析小结

    • 昵称：

    邮箱：

    0条评论 (评论内容有缓存机制,请悉知!)
    Top

    Copyright·© 2019 侯体宗版权所有· 粤ICP备20027696号 PHP交流群

    侯体宗的博客