Блог

Главная - Вопросы по программированию - Добавить flex-grow в сетку пользовательского интерфейса material

Добавить flex-grow в сетку пользовательского интерфейса material

#material-ui

#материал-пользовательский интерфейс

Вопрос:

Можно ли добавить «flex-grow» к элементу сетки в material ui? Немного странно, что мне нужно выбрать Box, чтобы получить доступ к Flexbox https://material-ui.com/system/flexbox /?

Ответ №1:

Да, вы можете добавить flex-grow , используя атрибут style .

 <Grid item style={{ flexGrow: 1 }}>
   <Typography variant="h1" color="textPrimary" >
      Title
   </Typography>
</Grid>

или вы можете создать отдельный класс для нескольких элементов сетки.