CSS页边距中心在Firefox中工作，而不是在Chrome中工作

的原因是因为不同浏览器对CSS规范的解释和实现方式有所不同。具体来说，这涉及到两个方面：盒模型和默认样式。

1. 盒模型：
   • 盒模型是CSS中用于布局和定位元素的基本概念。在标准的CSS盒模型中，一个元素的总宽度由内容宽度、内边距、边框和外边距组成。
   • Firefox采用的是标准的CSS盒模型，即元素的宽度和高度包括了内边距和边框。因此，在Firefox中设置一个元素的外边距为auto时，元素会在父容器中居中显示。
   • 而Chrome采用的是IE盒模型，即元素的宽度和高度不包括内边距和边框。因此，在Chrome中设置一个元素的外边距为auto时，元素不会在父容器中居中显示。

• 默认样式：
  • 不同浏览器对于元素的默认样式也有所不同。默认样式是浏览器在没有明确指定样式的情况下为元素应用的样式。
  • Firefox和Chrome在默认样式上存在一些差异，包括元素的内外边距、字体、行高等。这些差异可能导致在设置外边距居中时的表现不同。

综上所述，由于Firefox和Chrome对CSS规范的解释和实现方式不同，导致了CSS页边距中心在Firefox中工作，而不是在Chrome中工作。为了在不同浏览器中实现一致的效果，可以使用CSS的兼容性技巧或者特定的布局方法来解决这个问题。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云产品：https://cloud.tencent.com/product
• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
• 腾讯云内容分发网络（CDN）：https://cloud.tencent.com/product/cdn
• 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
• 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
• 腾讯云移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙（Tencent XR）：https://cloud.tencent.com/product/xr