Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.05.2019, 11:50
Аспирант
Отправить личное сообщение для Elfix Посмотреть профиль Найти все сообщения от Elfix
 
Регистрация: 03.01.2018
Сообщений: 38

Вертикальное выравнивание Paper в React Material-UI
Приветствую!

Никак не выходит сделать вертикальное выравнивание в компоненте Paper. Нужно чтобы компонент Card центрировался в компоненте Paper и по горизонтали и по вертикали.

Как это делается в material-ui?

<Paper style={{margin: 'auto'}}>
 <Card>
 </Card>
</Paper>
Ответить с цитированием
  #2 (permalink)  
Старый 23.05.2019, 14:23
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

<Paper
   style={{
     display: "flex",
     alignItems: "center",
     justifyContent: "center"
  }}
  >
 <Card />
</Paper>
Ответить с цитированием
  #3 (permalink)  
Старый 23.05.2019, 14:35
Аспирант
Отправить личное сообщение для Elfix Посмотреть профиль Найти все сообщения от Elfix
 
Регистрация: 03.01.2018
Сообщений: 38

Большое спасибо!
Ответить с цитированием
  #4 (permalink)  
Старый 03.07.2019, 11:41
Аспирант
Отправить личное сообщение для Elfix Посмотреть профиль Найти все сообщения от Elfix
 
Регистрация: 03.01.2018
Сообщений: 38

Приветствую!

Не откажите пожалуйста в помощи по сходному вопросу.
Никак не получается 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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
UIkit вертикальное выравнивание элементов Black_Star (X)HTML/CSS 0 01.03.2018 22:59
вертикальное выравнивание torsar (X)HTML/CSS 3 28.03.2013 19:53
Вертикальное выравнивание текста внутри select'а dr_gluk (X)HTML/CSS 4 16.12.2011 16:54
Вертикальное выравнивание в блоках greatilya (X)HTML/CSS 2 09.09.2010 13:51
вертикальное выравнивание micscr (X)HTML/CSS 1 16.01.2010 13:50