为了账号安全,请及时绑定邮箱和手机立即绑定

想要在超过指定多行时才省略怎么弄??

请教大神??

正在回答

3 回答

.test_demo{
    text-overflow:ellipsis;
    overflow:hidden;
    width:200px;
    height:99px;//设置高度
    background:#ccc;
    line-height:33px;//设置行高
    position:relative;//设置相对定位
    padding-right:30px;//添加一个padding值,为下一步显示...铺垫
}
.test_demo:after{//添加伪类,如果不明白什么是伪类,请搜索w3school~
    content:'...';
    position:absolute;//设置绝对定位
    right:0;
    bottom:0;
}


0 回复 有任何疑惑可以回复我~
#1

qq_莳萝泡菜_03359237

这样子有一点bug,但是也能实现,如果要求更高的话,纯css不能实现,要用到jacascript等其他技术了.
2016-12-06 回复 有任何疑惑可以回复我~

外面包一个标签A, 检查A的高度除以单行高度;

0 回复 有任何疑惑可以回复我~
#1

慕前端4408879 提问者

算出来不是行数吗,然后怎么码
2015-03-21 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

想要在超过指定多行时才省略怎么弄??

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信