css3 两行布局

针对于一个说明文字，要求2行布局，超出的部分进行隐藏的，可以使用一下方法，并且可以兼容多个浏览器

overflow: hidden; height: 30px; line-height: 15px;

text-overflow: ellipsis;

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

word-break: break-all; text-decoration: none;

 

注释：重点在于，给出的高度之后，在行高的时候给与高度的一半，这样显示的数据不会拥挤，并且也会达到两行且超出的部分隐藏的效果。