只有高度的超出隐藏

eee…原本是个很简单的问题，奈何还是弄了好久~（日常菜鸡）
已知盒子的宽高的情况就不多赘述了（注意一下单行多行即可）
昨天遇到的是只给了盒子高度，宽度自适应，只想显示两行，其余的隐藏并显示省略号,代码如下：

 height:1rem;          // 是移动端啦
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;

没超出：（如果不设高度的话，在该情况下，文本会下移，就有点丑…）

效果图：