div标签的位置中心，宽度未知 advanced

Question

我有没有固定的 div。我想要这个 div 位置在屏幕的中心。

我知道如何用 jquery 做这个，但是用纯 css，我没有找到任何解决方案。您如何使用纯 CSS 实现这一目标？

Answer 1

假设您想要收缩 div 的内容（否则将其居中是一个毫无意义的练习，因为它的宽度将是容器的宽度）：

• 在 div 上设置 display: inline-block; 使其收缩包装
• 在 div 的父元素上设置 text-align: center; 以使 div 居中
• 在 div 上设置 text-align: left; 以覆盖其将从其父级继承的内联内容的居中。