微信小程式 文字超出省略號

Dang_守望者發表於2018-03-27

以下內容來自網友:

如果是一行顯示的時候,寫在view裡的樣式,會在最後顯示省略號,但要是寫在text元件中設定這個樣式的話就是最後多出來的字隱藏了。

.textview{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap }

當然 有單行的省略 就有多行,不過多行的設定的有點複雜:

.textview{

display: -webkit-box ;

overflow: hidden;

text-overflow: ellipsis;

word-break: break-all;

-webkit-box-orient: vertical;

-webkit-line-clamp:2;

}

-webkit-line-clamp:2;//這是設定顯示的多少行。

-webkit-box-orient:vertical。

word-break:規定自動換行的處理方法。

相關文章