Css 如何在“Ant Design”中分离菜单和菜单选项卡内容宽度？

我想要我的菜单宽度和内容。我该怎么做

  <Row>
    <Col span={6} offset={8}>
    <Tabs defaultActiveKey="2" >
      <TabPane tab="About" key="1"><About /></TabPane>
      <TabPane tab="My Projects" key="2"><MyProjects /></TabPane>
      <TabPane tab="Contact" key="3"><Contact /></TabPane>
    </Tabs>
    </Col>
  </Row> 

这段代码粉碎span={6}中的所有内容

这个解决方案很棘手。 呈现TabPane组件时，它包含许多div。其思想是选择与tab导航栏对应的div，并对其应用ant-col-6类。检查后，您可以获得所需的类

将以下代码行添加到组件：

let navBar = document.getElementsByClassName('ant-tabs-bar')[0];
navBar.className += ' ant-col-15';
console.log(navBar)

要知道为什么使用ant-col-15，如果需要6的跨度，必须给出6/10*24=15

看我的笔：

---

玩它直到你得到预期的结果

谢谢。有没有办法使这些菜单选项卡居中？现在一切都从左边开始CSS好友，CSS。。有很多方法可以使div水平居中，比如margin:auto。看见