antd 的Tabs组件,当标签页很多时,标签与内容间距很大?

新手上路,请多包涵

image.png
具体情况如上图,再添加很多标签后就会在内容与标签之间,多出很多间隔。
Tabs组件使用:

<Tabs
        onChange={this.onChange}
        activeKey={this.state.activeKey}
        type="editable-card"
        onEdit={this.onEdit}
        keyboard={true}
        tabBarGutter={0}
        style={{borderStyle:"solid",borderColor:"red",borderWidth:4}}
        tabPosition={"top"}
        animated={false}
        >
        {this.state.panes.map(pane => (
          <TabPane tab={pane.title} key={pane.key} closable={pane.closable} style={{paddingTop:0,borderStyle:"solid",borderColor:"green",borderWidth:3}}>
            {pane.content}
          </TabPane>
        ))}
      </Tabs>

pane.content是一个在线代码编辑组件。

阅读 4.5k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题