Question

我正在尝试将注销按钮放在左侧工具栏上，我已经按位置完成了但是它不是通过使用这个按钮消失的铬来减少，我尝试了保证金但是没有用！我该怎么做？？

我的HTML

<div class="user-button-container at-xl-12 "#userButton>
    <button  class="user-button "  md-button [mdMenuTriggerFor]="menu">
     <div fxLayout="row" fxLayoutAlign="start center">
<at-icon class="at-display-block"backgroundColor="purple" backgroundType="border"size="40px" fontSize="30px"></at-icon>
            <span class="name" fxHide="true" fxHide.gt-sm="false"></span>
            <md-icon></md-icon>
        </div>
    </button>
</div>

我的CSS

 .user-button-container {
height: 100%;
font-weight: 400;

.user-button {
  height: 100%;
  border-radius: 0;
position: relative;
left: 1050px;

  md-icon {
    font-size: 16px;
    width: 16px;
    height: 16px;
  }

  .name {
    margin: 0 8px 0 10px;
  }
} }

Answer 1

看起来你有为xl-format指定的设计，但不适用于较小的格式。据我所知，你应该始终从小（xs）到大（lg），而不是相反。所以也许只是改变以下内容可能有所帮助：

div class="user-button-container at-xs-12 "#userButton>

而不是

div class="user-button-container at-xl-12 "#userButton>

Answer 2

如果您使用bootstrap，请使用以下类用于桌面或移动

  <div class="user-button-container col-md-12 col-xs-12"> 

  </div>

Answer 3

此外，您似乎没有关闭css项目 - 请确保您使用的是{}

注销按钮没有响应

3 个答案: