Div не ширина адаптируется к исходному угловому материалу

Question

Div не ширина адаптируется к исходному угловому материалу

0

Моя форма с идентификатором #formLogin не адаптируется к ширине родителя. Он маленький, это странно. Помоги мне, пожалуйста. Я хочу адаптировать форму к родительскому. Я вижу это очень маленьким.

<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>

rottencit0p 09 нояб. 2015, в 00:57

Источник

0

Как вы хотите, чтобы это выглядело как? Вы хотите получить входы, чтобы получить растяжку?
Dvir 09 нояб. 2015, в 00:26
0

Я хочу установить 100% ширину входов для родителя flex
rottencit0p 09 нояб. 2015, в 01:30

Теги:

angularjs

angular-material

1 ответ

Ещё вопросы

Как вы хотите, чтобы это выглядело как? Вы хотите получить входы, чтобы получить растяжку?
Я хочу установить 100% ширину входов для родителя flex

Giancarlo PSK · Answer 1 · 2015-11-09T00-15-00.000Z

Установив атрибут flex = "grow", элемент будет соответствовать его родительской ширине и автоматически сжимается. Хотя вы также используете layout-align = "center center", который буквально размещает div вертикально и горизонтально по центру. Я считаю, что не совсем то, что вы хотите, но если вы прочтете документацию, вы получите все свои ответы.

Я пытаюсь с атрибутом flex = "grow", но это не работает