我有一個(gè)非常簡(jiǎn)單的布局，我需要在寬屏幕上并排放置兩個(gè)按鈕。然而，我需要它們之間有大約 10 像素的距離，不幸的是，添加邊距會(huì)將按鈕推到一邊。我認(rèn)為添加justify='space-between可以解決這個(gè)問(wèn)題，但它沒(méi)有任何作用。這就是我的代碼的樣子：const MyComponent = () => (    <div style={{ width: 500 }}>        <div style={{ width: '100%' }}>            <Grid container justify='space-between'>                <Grid item xl={6} lg={6} md={6} sm={12} xs={12}>                    <Button variant='contained'>                        Left Side Button                    </Button>                </Grid>                <Grid item xl={6} lg={6} md={6} sm={12} xs={12}>                    <Button variant='contained'>                        Right Side Button                    </Button>                </Grid>            </Grid>        </div>    </div>)結(jié)果如下：不管怎樣，我怎樣才能在它們之間添加大約 10 像素而不讓它們也被推開(kāi) 10 像素呢？