如何使用 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>

   内联居中