今天我們來聊一聊CSS中如何讓文本在圖標的旁邊自動換行。這個技巧可以用于制作一些比較漂亮的圖標列表，如下圖所示。 首先，我們需要一個CSS樣式來控制文本的位置和換行方式。我們可以使用CSS中的"white-space"屬性來設置文本的換行方式。"white-space"屬性有三種值："normal"、"nowrap"和"pre"。其中，"pre"表示文本保留所有空格和換行符。 下面是一個可以控制文本位置的CSS樣式。 pre { display: inline-block; white-space: pre; margin: 0; } 接下來，我們需要定義圖標的樣式。這里我們采用了Font Awesome圖標庫中的一個圖標作為示例。最后，將文本和圖標包在p標簽內即可。注意，需要將文本放在pre標簽內。

這是一行很長的文本，需要在圖標旁邊換行顯示。

好了，我們來看一下效果吧。如下圖所示，文本已經緊跟著圖標自動換行了。 最后，需要注意的是，使用這種方法時要保證文本中不要有中文標點符號或特殊字符，否則可能會影響文本的換行和對齊。