vue使用ant中的a-tabs组件如何居中对齐

发布时间:2021-12-02沉默小管-技术博客 vue使用ant中的a-tabs组件如何居中对齐 597 2

原文地址: https://www.php-china.com//detail/71

# 代码示例
template代码
```html
<a-tabs default-active-key="1">
     <a-tab-pane key="1">
         <span slot="tab" >a</span>xxx
     </a-tab-pane>
     <a-tab-pane key="2">
              <span slot="tab">b</span>xxx
     </a-tab-pane>
     <a-tab-pane key="3">
         <span slot="tab">c</span>xxx
      </a-tab-pane>
 </a-tabs>
```
css样式设置
```bash
*>>>.ant-tabs-nav{
        justify-content: center;
        align-items: center;
        display: flex;
    }
@media screen and (max-width: 576px){
        *>>>.ant-tabs-nav{
            justify-content: center;
            align-items: center;
            display: block!important;
        }
    }
```