text-overflow: ellipsis// text-overflow css3的属性，当文本溢出时，显示省略号
display: -webkit-box
-webkit-line-clamp: 2// 设置两行文字溢出
-webkit-box-orient: vertical
overflow:hidden
text-overflow:ellipsis
-webkit-line-clamp 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。限制在一个块元素显示的文本的行数。 为了实现该效果，它需要组合其他外来的WebKit属性。常见结合属性：
display: -webkit-box必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
-webkit-box-orient 必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
text-overflow，可以用来多行文本的情况下，用省略号“...”隐藏超出范围的文本 。
“随浏览器的高度变化而变化”有局限性啊~首先：无滚动条的情况，也就是你第二行的内容有限，高度不会超过一屏，这样好解决，只需要用定位就OK了，然后：如果内容多，超过一屏，根本就用不着考虑自适应了，应为会自动自适应的但是：要是这两种情况都满足的CSS，估计没有，你只能考虑用JS了
