代码之家 › 专栏 › 技术社区 › Pfalbaum

css:将初始屏幕关闭按钮居中

splash-screen css html

Pfalbaum · 技术社区 · 7 年前

在我的启动屏幕上,我想把页面底部的“关闭”(“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

1 回复 | 直到 7 年前

Daniel 7 年前

屏幕中元素的居中可以使用以下css完成。如果将它放在父元素中,请确保它在css中具有position属性。您可以使用顶部和底部属性设置来定位它。

.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>

推荐文章

jtsoftware · 如何更改Xamarin IOS启动屏幕上的版权信息和日期?

8 年前

Ilja · 在android中加载react native bundle之前,保持SplashScreen

8 年前

aTechieSmile · 如何启用beaglebone black中的服务?

8 年前

king ramizy · Android闪屏Firebase同步

8 年前

Chong Lip Phang · iOS上的启动屏幕故障?

8 年前

dotNET · 在启动屏幕上写入程序集版本

8 年前

Somenath Sinha · 启动器活动显示为空白屏幕

8 年前

CYGS · 删除PWA启动屏幕中的名称

8 年前

Juan Carlos Salinas Ojeda · Splashscreen中的动画[钛]

8 年前

Gold.strike · 安卓:如何在启动屏幕上对齐两个图像

8 年前