在CSS中，我們可以輕松地控制文本的縮進?？墒?，如何將文本變成一行一行縮進的風格呢？那么接下來，我將向你展示如何通過CSS來實現這種效果。

首先，在HTML中添加一個包含文本的段落標簽。接下來，將該標簽的CSS屬性設置為

white-space: pre-line

。該屬性可以在文本中保留空格和返回符，并允許文本中的換行符在瀏覽器中呈現。

<p style="white-space: pre-line;">
這   是   一   段   文   本   第
一   行    第   二   行    第   三
行     第    四   行    第   五   行
</p>

代碼如上所示，把文本拆分成每一行的空格和換行符，并且通過pre的格式顯示在瀏覽器頁面中。

如果你想調整文本的縮進大小，可以使用

text-indent

屬性來實現。該屬性將第一行文本移動到指定的距離。你可以將該值設置為負值來縮進文本。

<p style="white-space: pre-line; text-indent: -20px;">
這   是   一   段   文   本   第
一   行    第   二   行    第   三
行     第    四   行    第   五   行
</p>

代碼如上所示，將text-indent屬性設置為-20像素。通過調整該值，你可以達到你所需的縮進效果。

總之，通過設置white-space屬性和text-indent屬性，我們可以輕松地實現一行一行縮進的文本效果。