外部view的高度和子view的高度相同,但是展现的高度不一样
发布于 6 年前 作者 ping02 9305 次浏览 来自 问答

外部view的高度和子view的高度相同,但是展现的高度不一样

<view class=‘topBtn’>

 

<view class=‘topBtnListItemStyle’>1</view>

<view class=‘topBtnListItemStyle’>1</view>

<view class=‘topBtnListItemStyle’>1</view>

  </view>

.topBtn{

  width: 750rpx;

  height: 83.3rpx;

  background-color: #ffffff;

  border:1px solid saddlebrown;

  display: flex;

  flex-direction: row;

  /* margin-top: 0.7rpx; */

}

.topBtnListItemStyle{

  width: 250rpx;

height: 83.3rpx;

  border-radius: 0px;

  line-height: 83.3rpx;

  text-align: center;

  font-family: MicrosoftYaHeiLight;

  font-size: 33.3rpx;

  color: #2a2a2a;

border:1px solid darkblue;

}

困扰,请指点一下,确实没看出毛病

棕红色的其实是 外部边框,设置的高 为 83.3rpx

里面的子元素 为 蓝色边框,同样的高度,但是效果却不一样

1 回复

在我这里一样啊?有什么问题?

回到顶部