如何在 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中文網其他相關文章！