我有一个初始未知宽度的元素,特别是用户提供的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.有人有一个解决方案来居中这个方程?
解决方法
只需设置text-align:center;在容器上。