對于 WORDPRESS 的正文內容和摘要,有時候我們喜歡按照 WORD 那樣來個段落首行縮進,要實現也很簡單,給主題正文或者摘要區域的文字內容P標簽加一個.

CSS text-indent

就搞定了,比如:

.entry p{text-indent: 2em;}

可加了這個縮進后當遇到正文內容中有獨立段落的圖片時,圖片也會被縮進,這樣會很影響排版,而且對于縮進后的圖片大小也不好把握,對于自適應主題尤其如此,所以很多人因為搞不定圖片這個問題最后放棄了使用段落首行縮進.

其實text-indent有個很奇怪的屬性,就是其內部元素遇到float或者display:block后就不繼承外部這個縮進的屬性了,也就是說,只要給圖片加上float或者display:block的 CSS 屬性后,圖片的縮進會自動失效.

WordPress 默認上傳圖片、插入圖片后會帶上 aligncenter、alignleft、alignright 和alignnone 的 class,如果你對 aligncenter、alignleft、alignright 做了對應的 CSS 定義后,圖片就不會受到外部P標簽屬性text-indent的影響了.