Javascript 如何使地图居中？

我想把地图居中。我把它放在“宽度：50%；”上，它在左边显示了一个。我该怎么做

我试图在它上面创建一个“包装器”div，并将文本对齐到中心。这不起作用。我也在地图课上试过。。。以前有人试过吗

#wrapper {
  text-align: center;
}
.map {
   height: 400px;
   width: 50%;
}

---

我之所以想这样做，是因为我不想让它占据我网页的整个屏幕。它应该是一个较小的窗口。

设置包装器div的边距

#wrapper {
  text-align: center;
  margin: 0 auto;
}

---

尝试浮动：无；margin:0 auto，对于你的.map类，我希望这个css属性能对你的map起作用。我用包装器试过了。但它没有起作用。