CSS小技巧 如何讓Kadence WP主題下所有文章的圖片置中
Kadence WP主題的設計簡約美觀,但不知何故,文章的圖片都無法置中,一些使用者也曾向官方反映這問題,官方就給了一個附加CSS的解決方案。
Sample
.wp-block-image img {
margin: auto;
}
原本靠左的圖片,都會自動置中,美完。我也不懂為什麼。
Kadence WP主題的設計簡約美觀,但不知何故,文章的圖片都無法置中,一些使用者也曾向官方反映這問題,官方就給了一個附加CSS的解決方案。
Sample
.wp-block-image img {
margin: auto;
}
原本靠左的圖片,都會自動置中,美完。我也不懂為什麼。
WordPress 6.2 已於2023年3月30日發布。
蛋炒飯是一道簡單又美味的料理。以下是一個基本的蛋炒飯食譜:
要創建一個圖像逐漸從80%灰度變為100%灰度,然後再從100%灰度變回80%灰度,並且不斷循環的效果,可以使用CSS關鍵幀動畫來實現這個效果。
每次看書,是不是會先打開前幾頁,看看目錄(Table of Contents),了解內容?所以寫長篇文章,妥善使用目錄,方便查詢,還能為SEO加分。現在的目錄外掛,已能自動對應H1、H2、H3標題,不必手動設置,容易使用,不過對非拉丁字(Non Latin Characters)的中文字並不友善。
Sangui Family網站採用了大量的圖片訴說每個小故事,而為減輕伺服器的空間和壓力,幾乎九成以上的圖片是嵌入自我們的Flickr帳號。
如何用CSS創建一個位於頁面頂部的紅色進度條,並且在頁面滾動時增長?