看到了个问题，问题地址：https://segmentfault.com/q/10...
目前没想到怎样不用行高解决问题，但是想到了之前工作中遇到的文本超出两行显示省略号，所以从之前的代码里翻出代码段记录下来，便于之后使用。
*{
margin: 0;
padding: 0;
}
.example{
margin-right:20px;
font-size: 20px;
/*line-height: 1.5em;*/
}
.warp2{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
}
如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文如图，如果在用户手机屏幕宽度下内容超出两行则显示阅读全文，否则不显示阅读全文