css 控制文字显示两行,多余用省略号 手机端

p {
    width:100px;
    position:relative;
    line-height:20px; /*行高为高度的一半，这样就是两行*/
    height:40px;
    overflow:hidden;
}
p:after { /*使用伪元素*/
    content:"...";
    position:absolute;
    bottom:0;
    right:0;
    background:#FFF;  /*这个背景色要和p的背景色一致，也就是做个假^_^*/
    padding-left:6px; /*这里自己调一调*/
}