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

wanglinzhizhi Jan 11, 2016

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

单行文本溢出

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

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

多行文本溢出

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