1、打开开发者工具，在项目的pages文件夹下，新建mypage文件夹，并在文件夹内新建mypage，并在appjson中将mypage设为第一页面。
2、在mypagewxml中写代码如下。
3、保存代码，在模拟器中查看效果如下图。
4、在mypagewxss中添加代码如下：view{overflow-wrap: break-word;}。
5、保存代码，就实现了自动换行，注意view默认的display为block。
6、mypagewxss不用改，再把内容改为中文测试一下，修改mypagewxml。
7、保存代码，查看模拟器如下图，中文也实现了自动换行。
最近写微信小程序做了一个评论的模态框组件，发现页面textarea 用catchtouchmove="true" 禁止滚动安卓机可以，但是苹果的不行，最后定位在textarea 这个标签能滚动的问题
解决办法：
添加 fixed="true" 就不会滚动了
覆盖 textarea 等微信小程序原生组件
1子组件使用 position中的 relative、absolute、fixed
//子组件
父组件
此时可以通过z-index 大小控制子组件和 原生组件textarea覆盖 （前提：要在子组件设置position 使得组件脱离文档流）
在D盘建立一个delVBtxt的文本
<html>
<head>
<meta >
本系列主要对小程序常用的组件做一个总结，方便自己及其它小程序开发者作为字典查阅和检索。
小程序组件有一些公共属性，在每个组件中代表的意义和数据类型都是一样的。
容器组件：内部能嵌套任何标签。常用的视图容器有： view , scroll-view , swiper
<view/> 是一个块级容器组件，任何一种复杂的布局都可以嵌套在 <view/> 组件内，并在 wxss 中设置相关样式。
<view/> 除了上述组件共有的属性外，还包含一组关于点击行为的属性。
在布局中，需要容器具有可滑动的功能，且能监听滚动、触顶、触底等事件，就需要 <scroll-view/> 组件， <scroll-view/> 在 <view/> 组件上添加滚动相关的属性，通过这些属性，可以响应滚动相关事件。
注意:
<textarea/> , <video/> , <map/> , <canvas/> 不能嵌套在 <scroll-view/> 中使用
利用 swiper 组件，可以实现轮播图，滑动页面，预览等，一个完整的滑块视图软件由 <swiper/> 和 <swiper-item/> 两个标签组成，不能单独使用。一个 <swiper/> 只能嵌套一个或多个 <swiper-item/> 标签，放置其它的标签会被删除，其中， <swiper-item/> 中能放置任何标签，高度默认为 100% ,另外没有任何其它特殊属性。
<swiper/> 的属性如下：
我用的是记事本测试是可以的你试试rows="" 行数cols="" 一行多少个文字 这个自动转行看看是不是标签括号里少了</textarea> <html>
<head>
<title></title>
</head>
<body>
<textarea rows="4" cols="60">222222222222222222222222222
</textarea>
</body>
</html>
el—textarea如何进行每行提示，在网页中使用span标签显示文字时，由于有的文字过长需要分成两行显示，有的显示一行，这就造成了下方按钮的上下跳动。于是想让span标签固定显示两行的高度，但是找了半天也没找到设定span行数的方法。
这时候想到用textarea，用来固定行数，然后再把边框隐藏一下即可。
以上就是关于微信小程序怎么设置文本换行(从后台拿的数据)全部的内容，包括:微信小程序怎么设置文本换行(从后台拿的数据)、微信小程序模态框textarea能滚动的问题、微信小程序 通过脱离文档流和z-index 覆盖 原生组件等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）