具体情况如上图,再添加很多标签后就会在内容与标签之间,多出很多间隔。
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是一个在线代码编辑组件。