使用步驟
- 貼上 CSS、SCSS 或 Less 程式碼。
- 選擇語言和縮排。
- 點選「格式化」,或按 Ctrl+Enter(Mac 上是 ⌘+Enter)。
- 複製格式化後的樣式表。
引數說明
- 語言
- CSS、SCSS 或 Less。選對語言才能正確辨識變數($gap、@gap)和巢狀規則。
- 縮排和行寬
- 巢狀規則和宣告的縮排,以及較長的選擇器列表和屬性值在多寬時折行。
使用示例
壓縮過的框架樣式。 貼上單行的 .min.css 檔案,逐條閱讀其中的規則。
整理 SCSS。 縮排混亂的巢狀 SCSS 會被統一為兩空格縮排。
常見問題
格式化會改動什麼?
每條宣告放在單獨一行,統一冒號和花括號兩側的空格,十六進位制顏色轉成小寫,連續的空行合併為一行。屬性順序和取值不變。
能還原網站上壓縮過的 CSS 嗎?
可以,貼上壓縮檔案後點「格式化」即可。壓縮時刪掉的註釋無法恢復。
程式碼會上傳嗎?
不會,格式化在瀏覽器中完成。
隱私說明
本工具完全在瀏覽器中執行,檔案和文字都在你的裝置上處理,不會上傳到我們的伺服器。