Javascript 使用“显示：表格和页边距：自动”时，图标与中心对齐，但当我更改为“显示：无”时，它在.show（）之后不会与中心对齐

这将起作用并正确对齐图标：

#stepSuccess {
    display: table;
    margin: auto;
}
#stepFailure {
    display: table;
    margin: auto;
}

以下是图标本身：

<i class='icon-ok icon-4x icon-green'id='stepSuccess'></i>
<i class='icon-remove icon-4x icon-red'id='stepFailure'></i>

这是jQuery

if(checked)
            {
                //display correct-answer dialogue
                $("#stepSuccess").show();
            {
else
            {
                //display wrong-answer dialogue
                $("#stepFailure").show();
            }

如何保持display:none并使代码正确对齐到div的中心（javascript中的after.show（）之后）？我还尝试了文本对齐：居中

---

任何帮助都将不胜感激。

我怀疑当您使用

.show（）

时，它会设置

显示：内联

，而不是

显示：表

。我将设置两个类，一个用于显示，一个用于隐藏，并切换该类，而不是

.show（）

或者，您也可以使用：

if(checked)
            {
                //display correct-answer dialogue
                $("#stepSuccess").css('display','table');

            {
else
            {
                //display wrong-answer dialogue
                $("#stepFailure").css('display','table');
            }

---

为了减少代码量，您可以将不透明度设置为0而不是隐藏，而不是

.show（）

吗？

仅供参考，发布您的jQuery代码。您好，感谢您的帮助。我调整了我的问题以正确显示我的问题。我基本上是在两个图标之间进行选择，这取决于函数返回的true或false-因此，考虑到这个问题，我不太确定如何使用.toggleClass或.css

if(checked)
            {
                //display correct-answer dialogue
                $("#stepSuccess").css('display','table');

            {
else
            {
                //display wrong-answer dialogue
                $("#stepFailure").css('display','table');
            }