Реагируйте, как увеличить расстояние - PullRequest
Новая
       8

Реагируйте, как увеличить расстояние

0 голосов
/ 27 августа 2018

Я использую Grid из @material-ui для отображения моих данных. Внутри этой сетки у меня есть несколько других сеток, каждая из которых представляет отдельный раздел. Я использовал container spacing атрибут Grid и дал ему максимально возможное значение (40), но мне нужно, чтобы интервал был больше, а я не могу понять, как это сделать .. 

  <Paper className={this.props.classes.root}>
  <Grid container spacing={40} >
    <Grid item sm={6}>
      ..
    </Grid>
    <Grid item sm={2}>
      ..
    </Grid>
    <Grid item sm={4}>
    ..
    </Grid>
  </Grid>
  </Paper>

Как мне увеличить интервал?

1 Ответ

0 голосов
/ 27 августа 2018

Обычно spacing реквизиты добавляют отступы между элементами в сетке. так что вы можете использовать стиль className или inline для достижения заполнения между элементами.

Пример кода приведен ниже для встроенного стиля. 

<Grid container >
    <Grid item sm={6} style={{padding:'30px'}}>
      ..
    </Grid>
    <Grid item sm={2} style={{padding:'30px'}}>
      ..
    </Grid>
    <Grid item sm={4} style={{padding:'30px'}}>
    ..
    </Grid>
  </Grid>
...