微信小程序-text组件width失效问题

1、text组件设置宽无效

2、text组件大小可以通过padding值设置

3、 display: inline-block添加此属性，可使text组件设置宽度有效

text组件 display: inline

为了展示效果，提前加入多行文本模拟数据。如下图

给需要使用换行的 text 标签添加CSS自动换行属性

小程序中的 textarea 等标签虽然都是显示文本的双闭合标签，但在使用方式上跟W3C标准下的 textarea 标签有所不同。延伸阅读： 微信小程序开发文档·textarea组件

js文件

1、首先可以长按复制，适合自由选择。只需在text标签加一个selectable='true'即可。

2、全部复制，首先要获取到需要的内容。wx.setClipboardData({data: '百度你最棒',success: function (res) {wx.getClipboardData({success: function (res) {console.log(res.data) // data}。

3、然后用复制函数来复制刚才的内容，wx.getClipboardData({success: function (res) {console.log(res.data)} })。

4、还可以在wxml代码框里写下如下代码：<view>内容：{{contents}} </view><view  bindtap='copyText' data-text="{{contents}}">复制</view>。

5、在 js代码框里写下如下代码。

6、然后编译通过后，在需要复制文字的页面长按复制字体，就看到复制成功字体了。

---