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

  • Z时代
  • 2024-01-10
  • 分类：问答

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

以上是 是否可以将内联块元素居中放置，如果可以，该如何放置？ 的全部内容， 来源链接： utcz.com/qa/399947.html

回到顶部