纯CSS控制超出部分显示省略号

RT：
内容只有一行的时候可以控制，但是多行内容就没法了。怎么实现呢？求大神给点思路，实在没有C币，还望谅解。

 .title {
            overflow: hidden;
            font-size: 1.4rem;
            color: #000;
            display: -webkit-box;
            -webkit-line-clamp: 1; //控制行数
            -webkit-box-orient: vertical;
            line-height: 1.8rem;
            height: 1.8rem; //控制高度，1.8*行数
        }

多行不行，需要自己用js来控制

.title {
            overflow: hidden;
            font-size: 1.4rem;
            color: #000;
            display: -webkit-box;
            -webkit-line-clamp: 1; //控制行数
            -webkit-box-orient: vertical;
            line-height: 1.8rem;
            height: 1.8rem; //控制高度，1.8*行数
                        width:10rem;//控制宽度
        }

直接复制放到你要显示点点的那个input标签上面就可以有效果了

div style='width: 80px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;'>直接复制放到你要显示点点的那个input标签上面就可以有效果了

div style='width: 80px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;'>/div直接复制放到你要显示点点的那个input标签上面就可以有效果了,,括号自己补齐

.hiddenOver{width:70px;display:block;overflow:hidden;word-break:keep-all;white-space:nowrap;text-overflow:ellipsis;}