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

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

WXSS都是这样：

.per{
  display:block;/* 要换行 */
  background:yellow;
  border:2rpx solid black;
  height:60rpx; 
  line-height: 60rpx;/* 居中 */
  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>

效果分别是：

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