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

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

请教大神??

正在回答

2 回答

.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下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号