WordPress古腾堡块编辑器图片居中设置

WordPress从经典编辑器切换到到古腾堡编辑器之后，用户一直吐槽不断。不过块编辑器似乎是目前所有平台的趋势，一来在排版方面，它有着天然的优势。此外对于富文本编辑，块编辑器也允许更多的格式，以及低代码或无代码的富文本块显示。至少我在完全切换到自带的古腾堡编辑器之后，还是发现块编辑器的许多优点的。

但是问题随之也来了，最典型的就是在WordPress中如果插入图片，默认是偏左的，如果要居中你需要在每张图片上都点击一下居中排列。但是历史文章几百上千张图片，不可能一张一张去调整吧，未来新文章也不可真的一张一张去调整居中吧。那么如何用CSS来调节呢，我试了text-align等属性，发现切换到块编辑器之后，WordPress的CSS没那么好控制了。

试了多种控制，后来发现用margin和display的组合，可以搞定图片居中的问题，具体代码如下。最后一行代码是因为默认样式图片下方与文本过于接近，所以我加了一个字符高度的margin，让显示舒服一点。如果你的主题没有这个问题，最后一行代码可以不用。在外观-自定义-额外CSS中放上这段CSS控制代码就好。

.wp-block-image{
	margin-left:auto;
	margin-right:auto;
	display:table;
	margin-bottom:1em; //图片下方与文字间距
}