jquery在使用内联块时显示/隐藏

我有一些HTML和CSS，如下所示：

<div id="TheContainer">
<div class="MyDivs"></div>
<div class="MyDivs" id="ThisDiv"></div>
</div>

#TheContainer{text-align:center;}
.MyDivs{margin:0px auto;display:inline-block;}
#ThisDiv{display:none;}

然后，

ThisDiv

不再居中，因为显示从无变为块，而不是像CSS定义中那样的内联块

我知道我可以写

.css（'display'，'none'）

和

.css（'display'，'inline-block'）

，但我想知道是否有办法通过保持

.show（）

---

谢谢您的建议。

您可以对jQuery进行扩展

$.fn.showInlineBlock = function () {
    return this.css('display', 'inline-block');
};

用途如下：

$('#whatever').showInlineBlock();

---

另外，我相信您也可以做同样的事情，只需

$.fn.show

覆盖默认的jQuery块，但如果将某些内容更改为不应该更改的内联块，这可能会很危险！另见

$('#whatever').showInlineBlock();