一模一样的代码,显示的却不一样。
发布于 6 年前 作者 yyan 3924 次浏览 来自 官方Issues
<view class="log-list">   
  <view class="log-box">       
    <view class="log-text">测试</view>
  </view>
</view>
 
<!-- <view class="log-list">
  <view class="log-box">
    <view class="log-text">测试测试</view>
  </view>
</view> -->
.log-list {
  height: 200rpx;
  background: yellow;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.log-box {
  height: 60rpx;
  background: rgba(0,0,0,.5);
  width: 100%;
}
.log-text {
  text-align: center;
  background: blue;
  height: 60rpx;
  line-height: 60rpx;
  width: 100%;
  color: #fff;
}

wxml的两个 log-list,显示的内容不一样,一个是贴近父容器,一个却和父容器有一定距离,这两个代码有区别吗??

正常效果,贴紧父容器

使用下面代码,却和父容器有距离,

为什么子容器会距离父容器有这段距离???

2 回复

第一个有空行 块级标签独占一行 所以压下去了。

空格占位

回到顶部