Question

在我的启动屏幕中，我想将“关闭”（“ X”）按钮放在页面底部的中心，并且它必须进行调整以适合任何计算机或移动设备屏幕。在CSS中，可以从第206行开始找到它。我已经尝试过这些事情：

position: absolute
我尝试了不同大小或没有边距的边距
top: -999em; right: 10px;

这是我的CSS。这是整个App。

此应用程序的初始屏幕中的关闭按钮可以放置在我希望的位置，此外它可以在某些浏览器中移动。我无法弄清楚他们是如何做到的。：https://willcountygis.maps.arcgis.com/apps/StoryMapCrowdsource/index.html?appid=20ff154f5fbc4c99bc54bd2e6b8cea7e

我能找到的最相似的问题是我的CSS主要基于Splash Page with Pure CSS and close button

Answer 1

屏幕上元素的

居中可以使用以下CSS完成。如果将其放置在父元素中，请确保它在CSS中具有position属性。您可以使用top和bottom属性设置来定位它。

.screenbutton {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: lightblue;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

<div class="screenbutton"></div>

CSS：将初始屏幕关闭按钮居中

1 个答案: