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

Author Avatar
wanglinzhizhi Jan 21, 2017

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}