Ant Tabs竖直排布、文字竖直排布样式修改

最新推荐文章于 2024-06-04 16:29:35 发布

F_-_-_

最新推荐文章于 2024-06-04 16:29:35 发布

阅读量1k

点赞数

分类专栏：前端学习

本文链接：https://blog.csdn.net/qq_56936051/article/details/128427409

版权

Ant Design Tabs组件样式问题字体大小 GitHub Issue

关键词由CSDN通过智能技术生成

前端学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<Tabs defaultActiveKey="1" tabPosition="left" size="small" >
   <TabPane key="1" tab={<span style={{writingMode:'vertical-rl'}}>Setting</span>}>
     <h2>00000</h2>
   </TabPane>
   <TabPane tab={<span style={{writingMode:'vertical-rl'}}>Similar</span>} key="2">
     <h2>11111</h2>
   </TabPane>
   <TabPane tab={<span style={{writingMode:'vertical-rl'}}>UnSimilar</span>} key="3">
     <h2>22222</h2>
   </TabPane>
</Tabs>

如上图，我参考了如下issue：“tabs component" tabBarStyle set 'font-size' can't work · Issue #8773 · ant-design/ant-design · GitHub