在firefox和safari中，flexbox未正确对齐:after & :before

在Firefox和Safari中，Flexbox未正确对齐的问题可能是由于浏览器的兼容性差异导致的。为了解决这个问题，可以尝试以下方法：

1. 检查浏览器版本：确保你使用的是最新版本的Firefox和Safari浏览器，因为新版本通常会修复一些兼容性问题。
2. 使用浏览器前缀：在CSS中使用浏览器前缀来确保在不同浏览器中都能正确显示。例如，对于Flexbox相关的属性，可以使用以下前缀：
3. -webkit-：适用于Safari浏览器 -moz-：适用于Firefox浏览器
4. 例如：
5. 例如：
6. 使用Flexbox属性：检查你的Flexbox布局代码是否正确。确保你正确使用了Flexbox相关的属性，如display: flex、flex-direction、justify-content、align-items等。
7. 使用Polyfill：如果以上方法无法解决问题，你可以考虑使用Flexbox的Polyfill库来解决兼容性问题。Polyfill库可以在不支持Flexbox的浏览器中模拟Flexbox的行为。

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

• 腾讯云弹性容器实例（Elastic Container Instance）：腾讯云提供的一种高性能、高可靠、可弹性伸缩的容器服务，适用于部署和管理容器化应用。了解更多信息，请访问腾讯云弹性容器实例。

请注意，以上答案仅供参考，具体解决方法可能因实际情况而异。