2 tp1314vip tp1314vip 于 2016.01.15 11:22 提问

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

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

8个回答

BlackStar120
BlackStar120   2016.01.15 11:39
 .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*行数
        }
showbo
showbo   Ds   Rxr 2016.01.15 11:39

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

BlackStar120
BlackStar120   2016.01.15 11:40
.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;//控制宽度
        }
CSDNXIAON
CSDNXIAON   2016.01.15 11:58

CSS控制显示超出部分,用省略号显示
css 超出部分显示省略号
css控制显示字数(超出部分显示省略号)
----------------------同志你好,我是CSDN问答机器人小N,奉组织之命为你提供参考答案,编程尚未成功,同志仍需努力!

sun2015_07_24
sun2015_07_24   2016.01.15 12:12

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

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

sun2015_07_24
sun2015_07_24   2016.01.15 12:14

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

oZhengYan
oZhengYan   2016.01.15 12:48

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

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!