我有一个初始未知宽度的元素,特别是用户提供的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;在容器上。