HTML5:单行文本溢出和多行文本溢出的解决方案

单行文本溢出

单行文本溢出的解决方案,在不需要借助javascript的情况下，只用css就可以解决单行文本溢出问题，注意属性必须对块级元素起作用。下面多行文本溢出同理。

​
truetrue.inaline{
truetrue  overflow:hidden;
truetrue  white-space:nowrap;
truetrue  text-overflow:ellopsis;
truetrue}
​

多行文本溢出

​
truetrue.intwolin{
truetrue  display:-webkit-box !important;
truetrue  overflow:hidden;
truetrue  text-overflow:ellopsis;
truetrue  word-break:break-all;
truetrue  -webkit-box-orient:vertical;
truetrue  -webkit-line-clamp:2;
truetrue}
​