我是初学者,我在用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>
效果分别是:
为什么两种写法,出来的效果是不一样的呢。我觉得这可能是一个很简单,但我却不知道的事情导致的。但是我怎么查都查不到。
样式问题
样式里我也试过将line-heigth和高的设置去掉,确实上面没有空了。但关键是两种wxml的写法,依然展现出不一样的效果,这究竟是为什么啊
调试器中,wxml可以查看
建议从基础文档开始看起