CSS的兩端縮進是一種非常常用的排版技巧，它通常用于制作文章或段落首行縮進的效果。在CSS中，我們可以使用text-indent屬性來控制兩端縮進的大小。下面我們就來具體了解一下。 在CSS中，text-indent屬性可以用于所有塊級元素和inline-block元素。它的作用是控制文本在元素內的縮進距離，可以是負值，也可以是正值。比較常見的用法是將其設置為一個em值，表示縮進距離為字體尺寸的倍數。例如，如果字體尺寸為16px，那么一個text-indent值為2em的元素就會將文本縮進32px的距離。 下面是一個例子，演示如何設置一個p標簽的兩端縮進：

p {
text-indent: 2em;
}

在這個例子中，我們將p標簽的text-indent屬性設置為2em，表示要對該元素內的文本進行兩端縮進。這樣，在渲染該p標簽時，它內部的每一行文本都會自動往右縮進2倍字體大小的距離。 當然，我們也可以將text-indent屬性設置為一個負值，從而實現反向縮進的效果，讓文本從元素的左側開始排版，而非從左邊界開始。 最后，需要注意的是，在某些情況下，text-indent屬性會影響border-box的計算方式，進而影響元素的寬度，因此我們可能需要在設置text-indent時，考慮到元素的box-sizing屬性，以保證元素的尺寸不會因為text-indent的設置而產生意外影響。 總的來說，CSS的兩端縮進是一種非常實用的排版技巧，尤其適用于制作文章或段落首行縮進的效果。下次你制作文章時，不妨試試使用text-indent來優化你的排版效果吧。