WORDPRESS 段落首行縮進

對於 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 的影響了。