小程序字體超出滾動(dòng)要如何設(shè)置省略號(hào)
2018-01-16|HiShop
導(dǎo)讀:小程序字體滾動(dòng)設(shè)置上,會(huì)遇到文字太長,超出滾動(dòng),這種情況就要在句尾加省略號(hào)。...
小程序字體滾動(dòng)設(shè)置上,會(huì)遇到文字太長,超出滾動(dòng),這種情況就要在句尾加省略號(hào)。
text{
overflow:hidden;
//超出一行文字自動(dòng)隱藏
text-overflow:ellipsis;//文字隱藏后添加省略號(hào)
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ù)加省略號(hào)