固定位置＆amp;居中不在中心

Question

我最近学习了更多的CSS和JS，我制作了这个蹩脚的网站：P。我遇到的问题是在我的js脚本的最后阶段以“检测到商业IP”框为中心。你们可以看看它，因为我有点放弃......谢谢：D

我曾经把它集中在一起 - 内联：

style="top: 50%; left: 50%; display: block;" 

元素是位置：也是固定的

喜欢访问网站：http://baciu.ro/test/mortalkombatx-theme/

链接问题图片：http://i60.tinypic.com/29eq71t.png

Answer 1

你应该看看Chris Coyier的Centering in CSS: A Complete Guide。

否则，我最喜欢的固定元素的方法是

.element {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 200px;
  margin: auto;
}

或者如果没有定义尺寸：

.parent {
  position: relative;
}
.child {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

祝你好运＆＃39;

Answer 2

试试这个

style="transform: translate(-50%, -50%); top: 50%; left: 50%; display: block;"

使用上述css，您不需要position:fixed;，并且您不需要width中的特定height和px作为您的div。