CSS text-align:center不生效，请求技术协助

嘿，我来帮你排查这个问题！先看你给出的代码，其实这里有几个可以调整的点，也能解释为什么你觉得text-align:center没生效：

首先，<center>是过时的HTML标签，虽然部分浏览器还兼容，但现在早就推荐用CSS来控制文本居中了，所以第一步建议把这个标签去掉，避免它和CSS样式产生混淆。

然后，回到text-align:center不生效的可能原因：

• 内层<div>的宽度没有占满父容器：虽然<div>默认是块级元素（占满父元素宽度），但如果你的.bgwhite类或者其他全局样式给元素加了float、position:absolute，或者修改了display属性，都会导致内层div的宽度收缩，这时候text-align:center只会让内容在div自身的宽度内居中，看起来就没在页面中间。
• 有更高优先级的CSS样式覆盖了内联样式：不过你用的是内联style属性，优先级是最高的，除非其他样式加了!important，这种情况比较少见。

给你一个修改后的代码示例，去掉了过时标签，同时确保内层div的宽度：

<div class="bgwhite" style="padding-top: 100px;">
  <div style="text-align: center; width: 100%;">
    pikachu
  </div>
</div>

如果还是不生效，建议打开浏览器开发者工具（按F12），选中这个内层div，查看「计算样式」里的text-align属性，确认是不是真的被设置为center，有没有被其他样式覆盖。

内容的提问来源于stack exchange，提问作者MrHyde Gaming