css – 是否有可能居中一个inline-block元素,如果是,如何?

前端之家收集整理的这篇文章主要介绍了css – 是否有可能居中一个inline-block元素,如果是,如何?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个初始未知宽度的元素,特别是用户提供的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;在容器上。

Here’s a demo

猜你在找的CSS相关文章