角材料柔性盒模型並不適用正確

Question

我與angualar和角材料的工作，我試圖創造一些臨客此 - >http://gyazo.com/51b99edb716687f6096e4cff7d009e8d

，但由於某種原因，我的圖像（標誌）綿延德寬，這就是我現在有 - >http://gyazo.com/277f2bcf6b47861412d8e5df949d8313 我甚至不能似乎得到它在屏幕

中間如果有任何人能幫助我，讓我得到這個柔性盒模型去我將不勝感激

這是我的代碼：

<div layout="row" flex layout-padding layout-fill layout-align="center center"> 
    <div flex="40" flex-lg="50" flex-md="70" flex-sm="100"> 
     <md-card> 
      <md-toolbar> 
       <div> 
        <div><img src="../images/logo.png" alt="Zazzle logo"></div> 
        <h1 class="md-headline"> 
        Sign up 
        </h1> 
       </div> 
      </md-toolbar> 
     </md-card> 
    </div> 
</div> 

Answer 1

要居中的東西添加div與layout="row"和專區內前後div您試圖中心後添加<span flex></span>。

這是我如何做我的登錄頁面中心輸入div。我仍然在努力學習自己，所以我不知道這是否是正確的方式或沒有，但你肯定可以嘗試一下：

<div layout="row"> 
    <span flex></span> 
    <div class="well" flex='30'> 
     <form ng-submit="vm.login()" name="loginForm"> 
      <md-input-container> 
       <label>Email</label> 
       <input type="text" ng-model="vm.email" required/> 
       <div ng-messages="loginForm.email.$error" ng-if='loginForm.email.$dirty'> 
        <div ng-message="required">This is required.</div> 
       </div> 
      </md-input-container> 
      <md-input-container> 
       <label>Password</label> 
       <input type="password" ng-model="vm.password"/> 
      </md-input-container> 
      <md-button type="submit" class="md-raised md-primary">Submit</md-button> 
     </form> 
    </div> 
    <span flex></span> 
</div> 

希望這有助於:)