Как центрировать форму входа на веб-странице / в браузере, используя Antd? - PullRequest
Новая
       6

Как центрировать форму входа на веб-странице / в браузере, используя Antd?

0 голосов
/ 27 декабря 2018

форма входа 

<Row type="flex" justify="center" align="center">
    <Col span={4} >
      <form onSubmit={handleSubmit(this.handleSubmit)} >
        <Field
          style={{ marginBottom: 12 }}
          prefix={<Icon type="user" style={{ color: 'rgba(0,0,0,.25)' }} />}
          name="name"
          type="text"
          component={AInput}
        />
        <Field
          style={{ marginBottom: 12 }}
          className="form-group"
          prefix={<Icon type="lock" style={{ color: 'rgba(0,0,0,.25)' }} />}
          name="password"
          type="password"
          component={AInput}
          />

          <Button

            block
            type="primary"
            htmlType="submit"
            className="login-form-button"
          >
            Log in
          </Button>
      </form>
    </Col>
  </Row>

над формой входа необходимо центрироваться на веб-странице, я пробовал использовать элементы стиля antd, но не получилось.было бы использовать встроенный стиль CSS, но я не хочу, чтобы таким образом.

1 Ответ

0 голосов
/ 28 января 2019

Это полностью зависит от вашего родительского роста.с этими опорами (type = "flex" justify = "center" align = "middle") ваша форма находится в центре строки, но не имеет высоты (добавьте высоту: 100%) `.

...