https://repl.it/@glassdemon66/Cube 这是我制作的可以无限旋转的3d立方体,但是我不知道如何将其移动到屏幕中心
答案 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;
}