wxml换行自动添加空格
发布于 6 年前 作者 taojun 3842 次浏览 来自 问答

不确定是不是bug，是这样设计的吗?

  • 当前 Bug 的表现（可附上截图）

第一个代码是这样的

<view class="reply">

 回复

 <view class="nick">princekin：</view>

 代码片段是一种迷你、可分享的小程序或小游戏项目

</view>

可以看到蓝色字左右都自动添加了空格

第二个代码：

<view class="reply">
  回复<view class="nick">princekin：</view>代码片段是一种迷你、可分享的小程序或小游戏项目
</view>
  • 预期表现

换行不加空格。因为有时集中在一行会很长，难免要换行提高可读性。(react中使用jsx就不会加空格)

  • 复现路径

wxml:

<view class="reply">
  回复
  <view class="nick">princekin：</view>
  代码片段是一种迷你、可分享的小程序或小游戏项目
</view>

.reply {

  margin-bottom: 20px;

}

.nick {

  display: inline;

  color: #25ACFF;

}

css:

  • 提供一个最简复现 Demo
3 回复

你写H5的页面也是这样的，很难判断到用户是需要空格还是不需要空格。

只能所有文本都用view或text包住才能换行了

小程序设计就是这样，我记得以前有官方人员说过

回到顶部