在CSS中，可以使用text-indent屬性來設置文本的首行縮進，通常情況下這個屬性是非常有效的，但有時候我們會發現無論怎么設置，文本的首行縮進都無法生效。

p {
text-indent: 2em;
}

那么，為什么CSS的首行縮進會無效呢？下面我們來分析一下可能的原因。

1.元素的display屬性不是塊級元素

只有塊級元素才能應用text-indent樣式，因此如果想要實現首行縮進，需要確保元素的display屬性設為塊級元素。

p {
display: block;
text-indent: 2em;
}

2.元素的direction屬性為rtl

如果元素的direction屬性被設置為rtl（從右往左），則無論設置多少text-indent值，文本的首行縮進都無法生效。因此需要將元素的direction屬性設置為默認的ltr（從左往右）。

p {
direction: ltr;
text-indent: 2em;
}

3.元素的text-align屬性被設置為justify

如果元素的text-align屬性被設置為justify（兩端對齊），則無論設置多少text-indent值，文本的首行縮進都無法生效。因此需要將元素的text-align屬性設置為left（左對齊）或者其他相應的屬性值。

p {
text-align: left;
text-indent: 2em;
}

總之，如果CSS的首行縮進無效，我們應該檢查元素的display屬性是否為塊級元素，direction屬性是否設置為ltr，以及text-align屬性是否被設置為justify。只要正確設置這些屬性，就可以輕松實現首行縮進效果啦！