有谁知道我如何将多维数据集移动到页面的中间

时间:2019-11-18 16:17:55

标签: html css

https://repl.it/@glassdemon66/Cube 这是我制作的可以无限旋转的3d立方体,但是我不知道如何将其移动到屏幕中心

4 个答案:

答案 0 :(得分:0)

将其放在头后

 <style>
.wrap {
  margin: auto;
  width: 50%;
  border: 3px;
  padding: 10px;
}
</style>

注意:如果未设置width属性(或将其设置为100%),则中心对齐无效。  有关更多信息,请参见此处https://www.w3schools.com/css/css_align.asp

答案 1 :(得分:0)

在您的.css中,尝试将这两行添加到.cube {左:40%;最高:40%; }。

答案 2 :(得分:0)

您可以通过更改(检查代码中的最后3行) .wrap 样式轻松地做到这一点,而无需编写新类或使用padding / margin或更改左/右值:

public function __construct() { ... }

答案 3 :(得分:0)

只需在css文件 .wrap 类中添加相对位置,然后向左或向右移动或任意移动

.wrap{
position: relative;
left: 500px;  
perspective: 800px;
perspective-origin: 50% 100px;
}