刚自学小程序就遇到问题求指导一下

Question

这个wxml中的text-1我在wxss中写style了为啥不能像红色的那个view一样显示呢都是view标签

Answer 1

让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言

在WXML中，text标签是一个内联元素，不会占据一行的全部宽度，所以需要设置display为block才能像红色的view标签一样占据一行全部宽度。另外，text标签也需要设置宽度。 例如，下面是正确的样式设置：

.text-1 {
  color: #0088cc;
  display: block;
  width: 100%;
}

给出代码如下：

<view class="box">
  <text class="text-1">text-1</text>
  <view class="view-1">view-1</view>
</view>

.box {
  border: 1rpx solid #eaeaea;
  padding: 20rpx;
}
.text-1 {
  color: #0088cc;
  display: block;
  width: 100%;
}
.view-1 {
  background-color: #f57f17;
  color: #ffffff;
  padding: 10rpx;
}

效果如下图所示：