微信小程序中设置textarea的placeholder换行显示(亲测管用)

 

在WXML中编写textarea时,为了使其内容能正确换行并显示,需要添加特定的CSS样式,如`word-wrap:break-word;`和`white-space:pre-line;`。这些样式确保文本在超出边界时能正确断行,是前端开发中处理富文本输入的一个重要技巧。

 

wxml

 <textarea placeholder="标题\n正文\n结尾" />

wsxx

textarea {

     word-wrap: break-word;
     white-space: pre-line;
    }

posted @ 2026-06-29 18:01  涂山树下  阅读(4)  评论(1)    收藏  举报