强制span不换行，超出部分以...显示

最新推荐文章于 2024-03-27 17:32:30 发布

Dragonfly Fly

最新推荐文章于 2024-03-27 17:32:30 发布

阅读量5.3k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/baidu_39188121/article/details/99824806

span{
    white-space: nowrap;  /*强制span不换行*/
    display: inline-block;  /*将span当做块级元素对待*/
    width: 100%;  /*限制宽度 可设px*/
    overflow: hidden;  /*超出宽度部分隐藏*/
    text-overflow: ellipsis;  /*超出部分以点号代替*/
}