如何在 CSS 中以最小寬度水平居中 Div？

將<div> 居中水平方向具有最小寬度

在CSS 中，將

<div> 居中可以使用各種技術來實現水平元素。對於寬度未知的元素，最簡單、最有效的方法之一是為周圍的容器指定內聯塊顯示和居中對齊。

例如，以下程式碼示範如何將

<div> 置中。其容器內的最小寬度：

#wrapper {
  background-color: green; /* for visualization purposes */
  text-align: center;
}
#yourdiv {
  background-color: red; /* for visualization purposes */
  display: inline-block;
}

<div>

在此範例中，#wrapper div 用作容器並將文字對齊方式設為中心。要居中的實際元素 #yourdiv 被指定為內嵌區塊顯示。這使得它既可以作為內聯元素，也可以作為區塊級元素，確保它與頁面內容的其餘部分內聯對齊。