如何使表格元素始终保持在中心？

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;
}