小程序字體超出滾動要如何設(shè)置省略號
2018-01-16|HiShop
導(dǎo)讀:小程序字體滾動設(shè)置上,會遇到文字太長,超出滾動,這種情況就要在句尾加省略號。...
小程序字體滾動設(shè)置上,會遇到文字太長,超出滾動,這種情況就要在句尾加省略號。
text{
overflow:hidden;
//超出一行文字自動隱藏
text-overflow:ellipsis;//文字隱藏后添加省略號
white-space:nowrap;
//強(qiáng)制不換行
}
或者多行的用這些:
display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
font-size: 32rpx;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;
其中-webkit-line-clamp:2;是顯示多少行數(shù)加省略號