标签未正确对齐

Question

我在 Paper 元素内创建了两个选项卡，但它们没有正确对齐，而是 SCORE 选项卡太靠右了。不知道为什么他们不自动调整标签宽度以适应 Paper 元素的宽度。

我做错了什么？

                <Paper
                  className={classes.paperTagsSection}
                >
                  <Box>
                    <Tabs
                      indicatorColor="primary"
                      textColor="primary"
                    >
                      <Tab label="Tags" />
                      <Tab label="Score" />
                    </Tabs>
                  </Box>
               </Paper>

Answer 1

我找到了解决方案。这有效：

                    <Tabs
                      indicatorColor="primary"
                      textColor="primary"
                    >
                      <Tab label="Tags" style={{ minWidth: '50%' }} />
                      <Tab label="Score" style={{ minWidth: '50%' }} />
                    </Tabs>