我有一个宽度最初未知的元素,特别是用户提供的MathJax方程。我将元素设置为内联块,以确保元素的宽度适合其内容并具有定义的宽度。但是,这阻止了传统的居中方法。也就是说,以下操作无效:
.equationElement { display: inline-block; margin-left: auto; margin-right: auto; }
解决方案不能是:
.equationElement { display: block; width: 100px; margin-left: auto; margin-right: auto; }
因为我不知道宽度实际应该是多少,并且如果用户单击方程式,则需要突出显示整个方程式,因此无法将宽度设置为0。有人可以解决此方程式居中的问题吗?
只需将其text-align: center;放在容器上即可。
text-align: center;