web中圖片居中怎麼設定(web頁面居中怎麼設定)
作者:悅然wordpress建站(悅然建站)
(此處已新增小程式,請到今日頭條客戶端檢視)
繼續分享wordpress建站教程。我們在編輯網站內容時一般都會選擇讓圖片居中,這樣可以讓整體的排版看起來更加美觀,有一些wordpress建站主題可能會自帶圖片居中的功能,但大多數是沒有的。
所以一般情況下我們都會通過手動設定圖片劇中。在wordpress的區塊編輯器中選中圖片,然後如上圖這樣設定就可以讓圖片居中了。如果你每篇文章都有圖片需要裝置居中,那麼這樣操作可能就太麻煩了,接下來給大家分享兩個方法。
方法一:提高配圖尺寸大小
一般情況下wordpress主題模板都有一個最大的圖片顯示尺寸。假設你的wordpress主題的最大顯示尺寸是800PX,那麼你只需要給每篇文章的配圖大於等於800PX就可以了,這樣圖片就會橫向鋪滿,顯示效果與居中是一樣的。
方法二:設定CSS樣式
把下面的CSS樣式新增到當前wordpress建站主題的style.css檔案中儲存,然後清除快取,這樣以後的文章圖片就會自動劇中了。
.entry-content img { display: flex; margin: 0 auto; }