【微信小程序】文字环绕图片
- 1.实现方法
- 2.实现效果
- 3.代码
1.实现方法
- image和text被view所包【view必须设宽度】
- text属性增加【style=“word-break:break-all;”】
- line-height: 1.5;用于设置行间距
- image属性增加【float:right】
2.实现效果
3.代码
代码语言：javascript复制<view style="width: 100%; margin: 0 auto; ">
<image src="../../asset/person.png" style="width: 200rpx; border-radius: 8px;height: 254rpx; float: right; display: block; box-sizing: border-box"hspace="15rpx" vspace="15rpx">
</image>
<text style="word-break:break-all;line-height: 1.5;">{{list[0].introduce}}</text>
</view>
