我有一個非常簡單的布局，我需要在寬屏幕上并排放置兩個按鈕。然而，我需要它們之間有大約 10 像素的距離，不幸的是，添加邊距會將按鈕推到一邊。我認為添加justify='space-between可以解決這個問題，但它沒有任何作用。這就是我的代碼的樣子：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>)結果如下：不管怎樣，我怎樣才能在它們之間添加大約 10 像素而不讓它們也被推開 10 像素呢？