Блог

У меня проблема с абзацами в компонентах пользовательского интерфейса material..

У меня проблема с абзацами в компонентах пользовательского интерфейса material. Конкретная проблема заключается в том, что когда текст превышает размеры компонента, он не удерживается в нем, как показано на рисунке.

 <Grid container wrap="nowrap"  css={[borde,{
                              maxWidth: 400
                        }]} >
            <Grid item xs css={beneficiosTab}  >
                <Typography 
 >asdadsdasdasdasdasdasdasdasdasdasdasdasdadasdsadasdasdasdsadasdasdsads
                </Typography>
            </Grid>
</Grid>
  

Я надеюсь, что то, что показано на экране, является абзацем в пределах размеров вашего контейнера

Попробуйте style={{wordWrap: 'break-word'}} , я надеюсь, это вам поможет. Спасибо

 <Grid container wrap="nowrap"  css={[borde,{
                              maxWidth: 400
                        }]} >
            <Grid item xs css={beneficiosTab}  >
                <Typography style={{wordWrap: 'break-word'}}
 >asdadsdasdasdasdasdasdasdasdasdasdasdasdadasdsadasdasdasdsadasdasdsads
                </Typography>
            </Grid>
</Grid>