樣式wxss中使用css課程-文字-word-wrap

基礎用法
word-wrap 屬性允許長單詞或 URL 地址換行到下一行。
word-wrap： normal | break-word

值 描述
normal 只在允許的斷字點換行（瀏覽器保持預設處理）。
break-word 在長單詞或 URL 地址內部進行換行。

小程式應用

Wxml程式碼

<view>
This is a veryveryveryve long paragraph.
</view>

<view class='cls1'>
This is a veryveryveryve long paragraph.
</view>

<view class='cls2'>
This is a veryveryveryve long paragraph.
</view>
 

Wxss程式碼

view{
  width: 150px;
  border: 1rpx solid gainsboro;
  margin: 5px;
}
.cls1{
  word-break: break-all;/*允許在單詞內換行。*/
}
.cls2{
  word-wrap:  break-word;/*在長單詞或 URL 地址內部進行換行。*/
}

效果如下圖

歡迎大家收看我的視訊教程：微信小程式樣式入門到精通(wxss,css)（微信小程式介面設計必備技能）