文字溢出处理

最新推荐文章于 2022-02-12 10:20:53 发布

雪颜儿

最新推荐文章于 2022-02-12 10:20:53 发布

阅读量378

点赞数 1

CC 4.0 BY-SA版权

分类专栏： css3

本文链接：https://blog.youkuaiyun.com/qq_25616413/article/details/53587631

css3 专栏收录该内容

1 篇文章

订阅专栏

单行处理：

overflow {
            width:200px;
            height:20px;
            border: 1px solid #000000;
            text-overflow:ellipsis;//文字溢出，已省略号显示
            white-space: nowrap;//强制不换行
            overflow: hidden ; //隐藏溢出容器的内容且不出现滚动条。

        }

多余部分省略号显示这里写图片描述
多行处理：

.overflow {
            width:200px;
            text-overflow:ellipsis;
            overflow: hidden ; 
            display:-webkit-box;
            -webkit-line-clamp:2;//此值来控制行数
            -webkit-box-orient:vertical;
            }