首页 > 解决方案 > 如何使地图居中?

问题描述

我想使地图居中。我把它放在“宽度:50%;”上 它在左侧显示一个。我该怎么做呢?

我试图在其上创建一个“包装器”div,并将文本对齐到中心。这没有用。我也在 .map 类上尝试过......以前有人试过吗?

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

我想这样做的原因是因为我不希望它填满我网页上的整个屏幕。它应该是一个较小尺寸的窗口。

标签: javascriptcssopenlayers

解决方案


设置包装 div 的边距。

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

推荐阅读