Question

我的#formLogin ID表单不适应宽度父级。它很小，很奇怪。请帮帮我。我想让表单适应父级。我觉得它很小。

＆＃13;

<body layout="row">
    <div flex>

    </div>
    <div id="formLogin" layout="column" layout-align="center center" flex="40" flex-sm="90" flex-md="70">
      <div>
        <md-toolbar class="md-primary">
          <div class="md-toolbar-tools">
            <h2 class="md-flex">Acceso a la Intranet</h2>
          </div>
        </md-toolbar>
        <md-content flex="auto" layout-padding>
          <md-input-container>
            <label>RUT</label>
            <input ng-model="login.rut" type="text">
          </md-input-container>
          <md-input-container>
            <label>Contraseña</label>
            <input ng-model="login.contrasena" type="password">
          </md-input-container>
          <md-button class="md-raised" style="width:90%;">Ingresar</md-button>
        </md-content>
      </div>
    </div>
    <div flex>

    </div>
  </body>

＆＃13;

Answer 1

通过设置属性flex =“grow”，元素将适合其父宽度并自动缩小。虽然您也使用layout-align =“center center”，它实际上将div垂直和水平放置在中心。我相信这不是你想要的，但如果你阅读文档，你将得到你所有的答案。

Div not width适应父Angular Material

1 个答案: