微信小程序，一个view里边有3个view，里边的view在外边view相对位置居中

可以使用flex布局实现。首先将外层view设置为flex容器，然后使用`justify-content: center`和`align-items: center`分别设置水平和垂直方向上的居中对齐。

接下来，在外层view中添加三个子view，分别设置宽度和高度，并给每个子view添加一个margin，使它们在水平方向上有一定的间隔。

最后，在每个子view中添加需要展示的内容即可。

以下是一个示例代码：

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.item {
  width: 100px;
  height: 100px;
  margin: 0 20px;
}

相关问题

微信小程序，写一个悬浮view，包括圆形头像和名字，都在view上左右居中

可以通过使用组件`<view>`和`<image>`来实现。具体实现步骤如下：

1. 在`<view>`中添加`position: fixed`样式，使其可以悬浮在页面上。
2. 使用`<image>`添加圆形头像，并设置宽高、圆角和边框样式。
3. 在`<view>`中添加名字文本，并设置居中样式。

下面是示例代码：

<view class="float-view" style="position: fixed;">
  <image class="avatar" src="头像图片链接"></image>
  <text class="name">名字</text>
</view>

.float-view {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 10px;
  background-color: #fff;
  box-shadow: 0 1px 10px #ccc;
}

.avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ccc;
}

.name {
  flex: 1;
  text-align: center;
}

通过以上代码，即可实现一个悬浮的view，包括圆形头像和名字，都在view上左右居中。

微信小程序，view下有一个图片和文字，文字在图片内居中显示，写一个例子

可以使用以下代码实现：

<view style="position: relative;">
  <image src="/images/example.jpg" style="width: 100%;" />
  <text style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 30rpx; color: #fff;">文字内容</text>
</view>

解释一下代码：

- 使用 `position: relative;` 让父级容器成为相对定位的元素，为绝对定位的子元素提供定位参考
- `image` 标签用于显示图片，使用 `width: 100%;` 让图片自适应父级容器的宽度
- `text` 标签用于显示文字，使用 `position: absolute;` 让它绝对定位在父级容器内
- `top: 50%; left: 50%;` 让文字距离父级容器顶部和左侧均为50%
- `transform: translate(-50%, -50%);` 让文字自身的中心点与父级容器中心点重合，实现居中显示
- `font-size: 30rpx; color: #fff;` 分别设置文字大小和颜色

注意，以上代码中的图片路径和文字内容需要根据实际情况进行修改。