縮進正文文本但不是大塊引號和圖像

Question

我想縮進文檔正文中的所有文本，而不縮進塊引號或圖像。在style.css中，如果我添加：

body { 
    text-indent: 2em; 
} 

文本是縮進的，但是塊引號和圖像也是縮進的。

Answer 1

text-indent屬性僅適用於塊容器，因此它不會影響圖像。但是包含圖像的塊會受到影響，這可能會影響圖像的位置。

只應在您希望縮進第一行的塊上設置text-indent。通常這意味着像p { text-indent: 1em; }。如果您想要p元素以外的塊也受到影響，請編寫合適的選擇器列表，而不是簡單的p。

Answer 2

對不希望縮進的元素設置text-indent: 0。 Such。

對於圖像，您需要將它們設置爲display: block或將它們放入與text-indent: 0的容器中。