CSS縮進每段文本的方法

在CSS中，我們可以使用text-indent屬性來縮進每段文本，這個屬性可以指定文本塊中首行的縮進量，下面是一些示例代碼，展示如何使用text-indent來實現(xiàn)文本的縮進。

示例1: 基本用法

p {
  text-indent: 2em;
}

這段代碼會將所有<p>元素的首行縮進2em（即兩個字符的寬度），你可以根據(jù)需要調(diào)整縮進的大小。

示例2: 縮進多個段落

如果你想要縮進多個段落，你可以給每個段落添加相同的樣式。

<div style="text-indent: 2em;">
  <p>這是***段文本。</p>
  <p>這是第二段文本。</p>
  <p>這是第三段文本。</p>
</div>

這段代碼會將所有段落縮進2em，你可以根據(jù)需要調(diào)整縮進的大小。

示例3: 響應式設計

在響應式設計中，你可能希望在不同的屏幕尺寸下有不同的縮進量，你可以使用媒體查詢來實現(xiàn)這一點：

p {
  text-indent: 2em;
}
@media (min-width: 600px) {
  p {
    text-indent: 3em;
  }
}

這段代碼會在屏幕寬度大于600px時，將段落的首行縮進3em，你可以根據(jù)需要調(diào)整不同屏幕下的縮進量。

使用CSS的text-indent屬性，你可以輕松地縮進每段文本，使文章排版更加工整，通過調(diào)整縮進的大小和響應式設計，你可以更好地控制文本的顯示效果，希望這些示例能幫助你更好地理解和應用CSS的文本縮進功能。