如何使表格元素始终位于中心？

Question

我只有一个要显示的表的组件。 这是我的渲染：

<Grid container>
            <Grid.Column width={16}>
                <Table color="teal" inverted>

问题在于表格似乎位于屏幕的左侧，我似乎无法将其准确地放在屏幕中央。 我在做什么错了？

Answer 1

如果您使用React-Material，那么这对您有帮助-

   <Grid 
       container 
       direction="column" 
       justify="center" 
        alignItems = "center">
        <Grid.Column width={16}>
            <Table color="teal" inverted>

Answer 2

这可能会帮助-：

.container{
    display: flex;
    justify-content: center;
    align-items: center;
}