css文字截断

最新推荐文章于 2024-06-23 16:00:00 发布

dbj1245

最新推荐文章于 2024-06-23 16:00:00 发布

阅读量365

点赞数

原文链接：http://www.cnblogs.com/lidedong/p/11507112.html

版权

通过css将文字进行截断，截断部分使用省略号代替

.impleName{
    max-width: 100%; /*最大宽度为当前元素的100%*/
    display: inline-block;
    white-space: nowrap;/*保证文本内容不会自动换行，如果多余的内容会在水平方向撑破单元格*/ 
    overflow: hidden; /*隐藏超出单元格的部分*/
    text-overflow: ellipsis; /*将被隐藏的那部分用省略号代替*/
}