Css 在tablet视图中处理Flexbox

我被请来帮助处理一个网站的渲染问题。具体来说，flexbox元素在平板电脑上显示时会变得非常不稳定。桌面测试表明，只有在chrome开发工具中将页面的宽度和高度设置为iPad或iPad Pro时，才会出现问题

有一个叫做“我们的顶级实践领域”的部分。在桌面或移动视图中，此部分工作良好，但在768x1024处，此部分卡在视口右侧的一列中。关于什么会让Flexbox像这样摇摇欲坠，有什么想法吗

---

添加此css，使元素居中

@media (max-width:768px) {
      .fusion-layout-column .fusion-column-content-centered {
        display: inline-block;
      }
      .fusion-layout-column .fusion-column-content-centered .fusion-column-content {
        text-align: center;
      }
    }

---

你能在一个简单的例子中发布相关代码吗？我希望如此。我们正在使用一个名为AVada的主题，这是一堆短代码。因此，您的解决方案通过避免flexbox解决了这个问题。你认为问题是网站上的渲染错误还是CSS错误？我检查了不同大小的窗口