我不能居中并堆叠我的(HTML + CSS)原子徽标

时间:2018-04-10 19:01:48

标签: html css

我无法居中我的原子动画徽标,或使用position:absolute堆叠它。我也希望它集中在一起,但它不起作用。

目标:堆叠徽标+将其居中于particle.js分隔线上

我使用particle.js作为背景。

这是网站: http://www.niitro.ga

2 个答案:

答案 0 :(得分:0)

您只需将以下CSS添加到.box元素:

top: 50%;
left: 50%;
margin: -150px 0 0 -150px;

答案 1 :(得分:0)

到class ='box'的div添加以下样式:

<div class='box' style="left: calc(50% - 150px);top: calc(50% - 150px); >