如何使用 CSS 輕鬆地將 Div 水平居中？

<div> 輕鬆水平居中使用 CSS 的元素

將

<div> 居中使用 CSS 可以輕鬆實現網頁上的元素同時保持最小寬度。要實現此目的：

對於非固定寬度<div>;元素：

如果您不知道確切的空間，則

<div>將佔用，請按照以下步驟操作：

1. 建立一個具有指定寬度的包裝容器（#wrapper）並手動對齊其中的文字（即text-align: center;）。
2. 設定<div>使用 display: inline-block;.

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

   <div>

   內聯居中