如何将宽度未知的内联块元素居中？

居中内联块元素

可以使用容器元素上的 text-align 属性将内联块元素居中。

问题声明

当使用CSS设置宽度未知的内联块元素的样式时，使用自动边距的传统居中方法不起作用。设置固定宽度也不是一个可行的选择，因为它会阻止元素的正确突出显示。

解决方案

将宽度未知的内联块元素居中，只需设置text-align: center;在父容器上。这将使元素在其容器内水平居中。

示例

考虑以下代码：

.container {
  text-align: center;
}

.equation-element {
  display: inline-block;
}

此代码将使方程居中 -容器内的元素，无论其宽度。

演示

[实时演示](https://example.com)

以上是如何将宽度未知的内联块元素居中？的详细内容。更多信息请关注PHP中文网其他相关文章！