Html 设置具有display:inline块的div元素的中心位置

我知道当我们为具有指定宽度的html块元素设置左边距和右边距为自动值时，该元素就具有中心位置。 但若我想让包装器根据内容自动调整大小，我会设置display:inline block，但中心位置现在不起作用

我该怎么办？

---

感谢您的高级支持。

如果您要将display:inline块设置为元素，则可以使用以下内容为该元素创建包装器：

.wrapper {
    text-align: center;
}

---

演示：

如果要将display:inline block设置为某个元素，则可以为该元素设置一个包装器，其中包含：

.wrapper {
    text-align: center;
}

---

演示：

如果您不想使用包装器，可以尝试以下方法：

<div class="box">test</div>

使用没有特定宽度的“显示：表格”将导致框缩小以适合内容。然后可以使用边距0自动将其居中

---

演示小提琴：

如果您不想使用包装器，可以尝试以下方法：

<div class="box">test</div>

使用没有特定宽度的“显示：表格”将导致框缩小以适合内容。然后可以使用边距0自动将其居中

演示小提琴：