商城系統(tǒng) 注冊

小程序字體超出滾動要如何設(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ù)加省略號

電話咨詢 預(yù)約演示 0元開店