antd 的Tabs组件,当标签页很多时,标签与内容间距很大?
具体情况如上图,再添加很多标签后就会在内容与标签之间,多出很多间隔。
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是一个在线代码编辑组件。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论