javascript - 如何修复材质 ui 组件中的负边距，显式文本内容

Question

我对 material-ui 组件中的段落有疑问..

我对 material-ui 组件中的段落有疑问。具体问题是，当文本超出组件的尺寸时，它不会保留在其中，如图所示。

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

我希望屏幕上显示的是容器尺寸内的一段

标签： javascriptmaterial-ui

Answer 1

试试看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>