商城系統(tǒng) 注冊(cè)

小程序字體超出滾動(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)

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