<!doctype html>
<html>
<head>
<title>Main</title>
<style>
#titlePic {
text-align: center;
}
#3dCanvas {
text-align: center;
}
#difficulties {
text-align: center;
}
</style>
</head>
<body>
<div id='titlePic'>
<h1>
<img src="../IndividualProject/images/SHIFT_PROMO.png" alt="SHIFT_PROMO" width="512" height="250"/>
</h1>
</div>
<div id='3dCanvas'>
<script src='./Scripts/three.min.js'></script>
<script src='./Scripts/threex.text.js'></script>
<script src="./Scripts/droid_serif_bold.typeface.js"></script>
<script src='./Scripts/3dText.js'></script>
</div>
<div id='difficulties'>
<h2>
<a href="index.html"><img src="../IndividualProject/images/Marathon.png" alt="Marathon" width="321" height="54" /></a>
<br><br>
<a href="index.html"><img src="../IndividualProject/images/Easy.png" alt="Easy" width="164" height="48" /></a>
<br><br>
<a href="index.html"><img src="../IndividualProject/images/Medium.png" alt="Medium" width="225" height="48" /></a>
<br><br>
<a href="index.html"><img src="../IndividualProject/images/Hard.png" alt="Hard" width="162" height="48" /></a>
<br><br>
</h2>
</div>
</body>
</html>
我试图将这个 3D 动画文本移动到 HTML 页面的中心,但似乎没有任何效果,有什么帮助吗?
JavaScript 文件位于 3dCanvas 中,文本对齐似乎什么都不做
最佳答案
你只需要
正文{ 文本对齐:居中; }
或
canvas { 边距:0 自动;显示: block ;
我没有弄清楚是谁创建了 Canvas :似乎最好编辑那个脚本来制作 Canvas 周围的包装器,这样它就可以编写更好的 css
关于javascript - 在 HTML 页面上居中对齐 JavaScript 脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28003634/