如何在 CSS 中水平居中 Div 元素？

掌握

的水平居中使用 CSS 的元素

想象一个用

装饰的页面。元素安静地漂浮在其中心，展示其内容与周围的文本完美对齐。如何使用 CSS 轻松实现这一目标？让我们揭开固定宽度和可变宽度

的最简单方法。

固定宽度

对于

装饰有预定的宽度，使用以下 CSS 指令将其中心归零是轻而易举的：

#yourdiv {
  margin: 0 auto;
  width: 400px; /* Set the desired width */
}

可变宽度

当面对一个

;其宽度可能会波动，因此出现了一种狡猾的策略：

#wrapper {
  text-align: center;
}

#yourdiv {
  display: inline-block;
}

这种安排确保了 element 以其内容为中心，包括神秘的 。因此，无论内容的长度如何，

在您的网页中心找到它应有的位置。

以上是如何在 CSS 中水平居中 Div 元素？的详细内容。更多信息请关注PHP中文网其他相关文章！