Я хочу установить свойство flex-direction для тега Grid Material UI - PullRequest
Новая
       11

Я хочу установить свойство flex-direction для тега Grid Material UI

0 голосов
/ 15 апреля 2019

Я хочу установить direction свойство вкомпонент инфраструктуры пользовательского интерфейса.Я прочитал doc и . Я попытался установить свойство direction в виде столбца , как показано ниже: 

<Grid container direction="column">
    <Grid item xs={12} >
        <h3 className="center-align">Log In</h3>
        <input type="text" id="user-email-on-login" placeholder="username@email.com" />
        <input type="password" id="user-password-on-login" placeholder="password" /> 
        <button>Log In</button>
    </Grid>

    <Grid item xs={12}>
        <button>Forgot Id/Password</button>
        <button>Create Account</button>
        <button>Remember Me</button>    
    </Grid>         
</Grid>

Но результат не является ожидаемым результатом.Вывод выглядит так же, как я использовал direction = "row" .Когда я удаляютег, затем direction = column свойство наотлично работает.

Если мне нужно использоватьтег, есть ли способ установить flex-direction свойство как column ?

1 Ответ

0 голосов
/ 15 апреля 2019

Вы можете добавить свойство «container» к элементу сетки и, таким образом, иметь свойство «direction».

Возможно, чтобы элемент был одновременно и контейнером, и элементом.

В любом случае, если вы хотите быть более точным, вы можете загрузить пример песочницы:)

Вот пример того, что вы хотите: https://stackblitz.com/edit/react-2m3blz

...