Вертикальное выравнивание Paper в React Material-UI
Приветствую!
Никак не выходит сделать вертикальное выравнивание в компоненте Paper. Нужно чтобы компонент Card центрировался в компоненте Paper и по горизонтали и по вертикали. Как это делается в material-ui?
<Paper style={{margin: 'auto'}}>
<Card>
</Card>
</Paper>
|
<Paper
style={{
display: "flex",
alignItems: "center",
justifyContent: "center"
}}
>
<Card />
</Paper>
|
Большое спасибо!
|
Приветствую!
Не откажите пожалуйста в помощи по сходному вопросу. Никак не получается DIV растянуть на всю ширину и на всю высоту родительского элемента в React при использовании material-ui. Кроме того, нужно чтобы div располагался по центру в том числе по вертикали. Но почему-то он никак не центрируется. Как это починить?
<Grid container direction="row" justify="center" alignItems="center" >
<Grid item xs={6}>
<Card style={{marginRight: 15, height: 450}}>
<CardContent style={{display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
<div>
Этот DIV должен быть растянут на всю площадь родителя.
</div>
</CardContent>
</Card>
</Grid>
<Grid item xs={6}>
<Card style={{height: 450}}>
<CardContent style={{display: 'flex', alignItems: 'center', justifyContent: 'center'}}>
<div>
Этот DIV должен быть растянут на всю площадь родителя.
</div>
</CardContent>
</Card>
</Grid>
</Grid>
|
| Часовой пояс GMT +3, время: 21:54. |