居中位置：具有自动宽度的固定元素[重复]

Question

我想做一个职位：固定；标题以动态宽度和高度居中于屏幕。现在，在桌面上，这个解决方案可以很好地居中：

const Container = styled.div`
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
`;

我找到了解决方案here。我遇到的问题是，如果您输入我的website，并使窗口变窄，标题也会变小，并且菜单项空间不足。我想要width: auto;，因为我希望标题与菜单和徽标一样宽，即使我添加或删除菜单项，我也不想每次都手动更改宽度。

谁能想到解决这个问题的方法？

Answer 1

尝试添加这个：

align-items: center;
justify-content: center;

我真的不知道宽度自动的原因，因为这只会使宽度成为子元素的宽度。