小程序中text标签间距

小程序中text标签间距,第1张

微信袭薯举小程序有一个标签<text>

它相当于平常开发中用到的<span>标签,是一个行内元素

不过在小程序中<text>标签不能换行写

这样写‘哈哈哈’上下会有一个间距空白,输出的结果不在同一行。拍碧

这样两个行内手键元素才能在同一行。

步骤如下:

1.第一步,打开微信小程序开发工具,在指定的wxml文件中插入一个textarea组件,设置最大长度、失去焦点事件等。

2.第二步,在界面对应的JavaScript文件,添加失去焦点事件,并获取文本域文字内容。

3.第三步,接着派穗链保存代码并在模拟器中预览界面显示效果,可以看到一个文本域。

4.第四步,在文本域组件中输入相应的文字内族斗容,尽可能输入多的内容。

5.第五步,接着在浏览器的控制台下方,查看打印的结果值,跟文本域中的一致。

6.第六步,最后再输入其他的文字内容,由于限制了文本域的最大输入长度,边尘孙输入边查看结果。这样就解决了微信小程序怎样设置textarea文本域输入的问题了

为了展示效果,提前加入多行文本模拟雹知数据乎颤。如下源顷消图

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

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

js文件


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12399813.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存