我已经四处寻找答案了，我已经尝试插入我能想到的一切，但我似乎无法想出这一点。我觉得我可能会忽略一些非常简单明了的东西，但是你能给予的任何帮助都会非常感激！
基本上我尝试自定义this page，以便小字符框在其.wrapper div中水平居中。
虽然div本身在页面中间水平居中（我使用了填充：0 15％），内容内部不是。
Here is a pastebin of the entire code如果有人愿意的话。相关部分是第140行。感谢您提前给予任何帮助！
答案 0 :(得分：0)
问题是包含单个字符框的div正在使用绝对定位，因此您尝试在包含它们的包装div上使用的任何样式都将被绝对定位覆盖。您可以更改写入绝对位置的javascript以使包装器div中的框居中，或者您可以填充包装器。我正在玩数字并且在包装器div中有几个盒子，但是当它被调整大小时，javascript会重写位置。我会使用bootstrap来制作这个页面而不是使用javascript来重新定位调整大小的内容。
答案 1 :(得分：0)
另一种选择是
1）删除包装div上的填充并设置text-align center
2）对于每个字符框，我不确定你使用的是什么。如果除了使这些框水平居中之外，javascript没有其他用途，您可以将其删除。
.chara删除浮动中心，删除高度，添加显示内联块，添加填充25px 0
3）.charaimg删除位置相对，删除顶部，删除左侧
4）.charatitle删除高度，删除绝对位置，删除底部0
5）在你的HTML中切换.charaimg和.charatitle
应该这样做。
而且对于未来的问题，如果您可以将代码放在codepen或jsfiddle中，它会有很大帮助。它让那些帮助你的人的生活更轻松。