姓名：尤學(xué)強(qiáng) 學(xué)號(hào)：17101223374
轉(zhuǎn)載自：http://www.wenzhaihui.com/wenzhaihui/ITwenzhang/2017-07-11/15907.html
【嵌牛導(dǎo)讀】：圖片怎樣在文章中不被縮進(jìn)
【嵌牛鼻子】：縮進(jìn)
【嵌牛提問】：有沒有更簡(jiǎn)單的辦法？
【嵌牛正文】：
段落前面空兩個(gè)字的距離窝趣，不要再使用空格了誉裆。應(yīng)該使用首行縮進(jìn)text-indent。
text-indent可以使得容器內(nèi)首行縮進(jìn)一定單位恍涂。比如中文段落一般每段前空兩個(gè)漢字宝惰。
p{
text-indent: 2em; /*em是相對(duì)單位，2em即現(xiàn)在一個(gè)字大小的兩倍*/
}
注：div標(biāo)簽不要忘記起始符再沧。text-indent只對(duì)p或div標(biāo)簽有效尼夺，對(duì)br標(biāo)簽不生效，原因是br標(biāo)簽是換行標(biāo)簽不是分段標(biāo)簽炒瘸。
用CSS實(shí)現(xiàn)段落首縮進(jìn)兩個(gè)字符淤堵，實(shí)現(xiàn)首行縮進(jìn)的通用方法是加四個(gè)小角空格。
在style里定義如下縮進(jìn)樣式：.suojin{text-indent:2em}
在需要縮進(jìn)的地方使用class="suojin"即可顷扩，比如用一個(gè)div定義一整塊段落首先縮進(jìn)屋吨，
凡在div區(qū)域里，瀏覽器一碰上p語(yǔ)句（即一個(gè)新段的開始）谨胞，就會(huì)執(zhí)行.suojin所定義的縮進(jìn)。
也可以在正文中使用嵌入式CSS樣式來(lái)定義汹胃，下面舉個(gè)實(shí)例（使用時(shí)請(qǐng)將尖括號(hào)改為小角尖括號(hào)）：
段落一
段落二
段落三
可加了這個(gè)縮進(jìn)后當(dāng)遇到正文內(nèi)容中有獨(dú)立段落的圖片時(shí)，圖片也會(huì)被縮進(jìn)东臀，這樣會(huì)很影響排版着饥。而且對(duì)于縮進(jìn)后的圖片大小也不好把握，對(duì)于自適應(yīng)主題尤其如此惰赋。所以很多人因?yàn)楦悴欢▓D片這個(gè)問題最后放棄了使用段落首行縮進(jìn)宰掉。
其實(shí)text-indent有個(gè)很奇怪的屬性，就是其內(nèi)部元素遇到float或者display: block后就不繼承外部這個(gè)縮進(jìn)的屬性了赁濒，也就是說轨奄，只要給圖片加上float或者display: block的 CSS 屬性后，圖片的縮進(jìn)會(huì)自動(dòng)失效流部。
但是為了排版的效果戚绕，一般都使用display:block;，這樣圖片就不會(huì)與文字并排枝冀，圖片單獨(dú)占一行舞丛。
