微信小程序里怎么让盒子自适应宽度且居中

要让盒子自适应宽度且居中，可以使用以下代码：

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

.box {
  width: auto;
  margin: 0 auto;
}

其中，`.container` 为外层容器，使用 `display: flex;` 和 `justify-content: center;` 可以让盒子居中对齐。`.box` 则是需要自适应宽度的盒子，使用 `width: auto;` 可以让盒子的宽度自适应内容，`margin: 0 auto;` 可以让盒子水平居中。

相关问题

微信小程序固定定位的盒子宽高怎么兼容各种手机屏幕

微信小程序中可以使用百分比或者vw/vh来设置盒子的宽高，这样可以让盒子根据不同的屏幕大小自适应调整大小，从而达到兼容不同手机屏幕的效果。具体的代码如下：

.box {
  width: 50vw; /* 盒子宽度为屏幕宽度的50% */
  height: 10vh; /* 盒子高度为屏幕高度的10% */
  position: fixed; /* 固定定位 */
  bottom: 20px; /* 距离底部20像素 */
  left: 50%; /* 盒子左侧与屏幕中心对齐 */
  transform: translateX(-50%); /* 盒子水平居中对齐 */
}

通过使用百分比和vw/vh单位，可以实现盒子的自适应大小，并且使用固定定位的方式可以让盒子始终保持在屏幕的固定位置。