css - 是否可以将行内 block 元素居中？如果可以，如何居中？

Question

我有一个最初宽度未知的元素，特别是用户提供的 MathJax 方程。我将元素设置为 inline-block 以确保元素的宽度适合其内容，并使其具有定义的宽度。然而，这妨碍了传统的居中方法。也就是说，以下内容不起作用:

.equationElement
{
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

解决方案不能是:

.equationElement
{
    display: block;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
}

因为我事先不知道实际宽度应该是多少，如果用户点击等式，我需要突出显示整个等式，所以我不能将宽度设置为 0。有没有人有使这个等式居中的解决方案？

Answer 1

只需在容器上设置text-align: center;即可。

Here's a demo .