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

Question

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

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

Answer 1

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

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