Css 将我的div水平居中，

我试图将我的div居中。我使用了一个宽度px，它工作了，但当我改变宽度px以显示：table；我的潜水艇向左转

背景：rgba（2252452450.4）；
边界半径：3px；
底部：16px；
显示：表格；
左：0；
保证金：0自动；
填充物：5px；
位置：固定；
右：0；
文本对齐：居中使用flexbox


请发布一个可能的副本
I更改宽度px以显示：表格-->宽度px和显示表之间的关系是什么？
#your_div {
    display: flex;
    justify-content: center;
    align-items: center
}