一尘不染

是否可以将内联块元素居中放置,如果可以,该如何放置?

css

我有一个宽度最初未知的元素,特别是用户提供的MathJax方程。我将元素设置为内联块,以确保元素的宽度适合其内容并具有定义的宽度。但是,这阻止了传统的居中方法。也就是说,以下操作无效:

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

解决方案不能是:

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

因为我不知道宽度实际应该是多少,并且如果用户单击方程式,则需要突出显示整个方程式,因此无法将宽度设置为0。有人可以解决此方程式居中的问题吗?


阅读 370

收藏
2020-05-16

共1个答案

一尘不染

只需将其text-align: center;放在容器上即可。

2020-05-16