[WordPress] 內建編輯器的圖片對齊沒有作用

[WordPress] 內建編輯器的圖片對齊沒有作用

這問題是我近期開發 WordPress 版型時發現的,在編輯文章中,使用了內建 插入圖片 的圖片對齊方式,選取 置中 的對齊方式,可是最終呈現出來的結果都是 靠左 顯示的,稍微查了一下,這貌似是 WordPress 的 Bug


解決方法很簡單,只需要在 版型 裡的 CSS 的檔案中加入下方程式碼:

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

儲存之後就會有我們想要的效果了

官方文件 : Styling Images in Posts and Pages

Facebook 功能: