收藏
回答

wx:for渲染时为什么和直接多写几个框框渲染的效果不一样?

我是初学者,我在用wx:for循环时,发现最上面总是空了一行,因为要多插几个表格,我怎么弄都弄不掉。

于是直接将循环的内容写了出来,发现确实不一样。请问这个怎么解决呢?因为我没法真的直接将要循环的东西写出来啊?

WXSS都是这样:

.per{
  display:block;/* 要换行 */
  background:yellow;
  border:2rpx solid black;
  height:60rpx; 
  line-height60rpx;/* 居中 */
  width:100rpx;
}

两种wxml分别是:

不用wx:for的:

<view>
    <view class="container-left">
      <!-- <text class="per" wx:for="{{[1,2,3,4]}}"> -->
      <!-- 1 -->
      <!-- </text> -->
      <text class="per">1</text>
      <text class="per">1</text>
      <text class="per">1</text>
      <text class="per">1</text>
  </view>
</view>

用了wx:for的:

<view>
    <view class="container-left">
      <text class="per" wx:for="{{[1,2,3,4]}}">
      1
      </text>
      <!-- <text class="per">1</text> -->
      <!-- <text class="per">1</text> -->
      <!-- <text class="per">1</text> -->
      <!-- <text class="per">1</text> -->
  </view>
</view>

效果分别是:


为什么两种写法,出来的效果是不一样的呢。我觉得这可能是一个很简单,但我却不知道的事情导致的。但是我怎么查都查不到。

最后一次编辑于  2023-12-05
回答关注问题邀请回答
收藏

4 个回答

  • Demons
    Demons
    2023-12-05

    样式问题

    2023-12-05
    有用 1
    回复 3
    • 七夕的许愿星
      七夕的许愿星
      2023-12-05
      可是究竟是什么问题呢?如果是样式的问题,两 种wxml应该都要出问题啊
      2023-12-05
      回复
    • Demons
      Demons
      2023-12-05回复七夕的许愿星
      你这样试试
      2023-12-05
      1
      回复
    • 七夕的许愿星
      七夕的许愿星
      2023-12-05
      我的天,样式里那个改不改倒没影响到 “不同”,但就如同你写的这样,居然是wxml里<text>标签中的内容换行引起的。
      2023-12-05
      回复
  • 七夕的许愿星
    七夕的许愿星
    2023-12-05

    样式里我也试过将line-heigth和高的设置去掉,确实上面没有空了。但关键是两种wxml的写法,依然展现出不一样的效果,这究竟是为什么啊

    2023-12-05
    有用
    回复
  • dreamhunter
    dreamhunter
    2023-12-05

    调试器中,wxml可以查看

    2023-12-05
    有用
    回复 1
    • 七夕的许愿星
      七夕的许愿星
      2023-12-05
      查看过了,没有任何区别
      2023-12-05
      回复
  • 奋斗吧小青年°
    奋斗吧小青年°
    2023-12-05

    建议从基础文档开始看起

    2023-12-05
    有用
    回复 1
    • 七夕的许愿星
      七夕的许愿星
      2023-12-05
      基础文档查不到这个,也没有提到过这个问题啊
      2023-12-05
      回复
登录 后发表内容