隨著項目的增多，CSS文件也隨之變得越來越大，在修改樣式的過程中會出現很多亂七八糟的代碼，這時候就需要讓亂的CSS自動排列，提高代碼的可讀性和維護性。

以下是幾種讓亂的CSS自動排列的方法：

1. CSSComb插件
CSSComb插件是一個非常好用的CSS自動排列工具，它可以根據配置文件將CSS屬性按照指定順序排列。這個插件支持Sublime、VSCode和WebStorm等主流編輯器，安裝后可以通過快捷鍵或者右鍵菜單進行操作。使用CSSComb插件可以極大地提高CSS代碼的可讀性和規范性。
2. Sass/LESS預處理器
Sass和LESS是兩種非常流行的CSS預處理器，它們可以讓我們寫更加優秀的CSS代碼。在預處理器中，我們可以通過嵌套、變量、函數等功能將CSS代碼整理得更加清晰。此外，還可以使用mixin或者extend來復用代碼，從而減少代碼的復雜度。
3. CSS模塊化
CSS模塊化是一種將CSS代碼分割成不同的模塊進行開發的方法。每個模塊中只包含該模塊使用的CSS代碼，這樣可以避免CSS文件變得過大。在CSS模塊化的開發中，我們可以使用BEM命名規范、CSS Modules和CSS-in-JS等方式來提高CSS代碼的可讀性和維護性。
4. 樣式庫
有時候我們會使用一些類似于Bootstrap的樣式庫，這些樣式庫通常都是經過精心設計和整理的，使用起來非常方便。在開發中可以根據需要引入所需的樣式庫，從而實現快速開發和提高代碼質量。