当前位置 博文首页 > u012442504的专栏：css单行文本溢出隐藏和多行文本溢出隐藏方式

最大化 缩小

    u012442504的专栏：css单行文本溢出隐藏和多行文本溢出隐藏方式

    作者：[db:作者] 时间：2021-09-23 10:31

    文本溢出隐藏首先要给文本一个确定的宽度，也可以结合div的大小进行自适应

    单行：

    width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

    多行：

    width: 350px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

    -webkit-line-clamp是行数表示，3就是3行，多余的隐藏

    简介明了，简单方便

    cs
    上一篇：encode_u012442504的专栏：php修改json文件并让数据格式化展示，
    下一篇：没有了