CSS：将启动画面关闭按钮居中答案

【问题标题】：CSS: Center the splash screen close buttonCSS：将启动画面关闭按钮居中
【发布时间】：2018-12-07 16:28:53
【问题描述】：

在我的初始屏幕中，我想将页面底部的“关闭”（“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

【问题讨论】：

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须在问题本身中包含所需的行为、特定问题或错误以及重现它所需的最短代码 .

标签： html css splash-screen

【解决方案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;
}

&lt;div class="screenbutton"&gt;&lt;/div&gt;

【讨论】：