4回答

huang111

提问者

2017-09-14

老师，我截了图，这是加了浮动，不加浮动就整体向左边靠着

0

0

huang111

提问者

2017-09-14

<li class="ant-menu-item register" role="menuitem" aria-selected="false">
<button type="button" class="ant-btn ant-btn-primary">
<span>123</span>
</button>
<!-- react-text: 51 -->&nbsp;&nbsp;<!-- /react-text -->
<a target="_blank" href="/usercenter"><button type="button" class="ant-btn-dashed">
<span>个人中心</span></button></a>
<!-- react-text: 55 -->&nbsp;&nbsp;
<!-- /react-text --><button type="button" class="ant-btn ant-btn-ghost">
<span>退 出</span></button>
</li>

0

0

huang111

提问者

2017-09-14

<Menu.Item key='logout' className="register"  mode="horizontal">
    <Button type='primary' htmlType="button">{this.state.userNickName}</Button>
    &nbsp;&nbsp;
   <Link target="_blank" to={`/usercenter`}>
     <Button type="dashed" htmlType="button" >个人中心</Button>
   </Link>
    &nbsp;&nbsp;
  <Button type="ghost" htmlType="button"  onClick={this.logout.bind(this)}>退出</Button>
</Menu.Item>

.logo{
    display: flex;
    align-items: center;
}
.logo img{
    width: 48px;
    height: 48px;
}
.logo span{
    font-size: 24px;
    padding-left: 5px;
}
.footer{
    text-align: center;
}
.register{
    float: right!important;
}

0

8

huang111

回复

Parry

老师我看了li中的3个button是inline-block的，但是浏览器却是三个button垂直排列

2017-09-14

共8条回复

Parry

2017-09-14

样式应该不会影响到，你 chrome 直接调试下 css 看看什么影响到了。

0

3

huang111

三项整体css: .ant-menu-item > a:before { position: absolute; background-color: transparent; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; content: ''; }

2017-09-14

共3条回复