跳到正文
馬克工具箱

CSS 程式碼格式化

把壓縮或混亂的 CSS 變成縮排整齊、易於閱讀的樣式表,也支援 SCSS 和 Less 的巢狀、變數和混入。

在瀏覽器本地執行,輸入的內容和檔案都不會上傳

使用步驟

  1. 貼上 CSS、SCSS 或 Less 程式碼。
  2. 選擇語言和縮排。
  3. 點選「格式化」,或按 Ctrl+Enter(Mac 上是 ⌘+Enter)。
  4. 複製格式化後的樣式表。

引數說明

語言
CSS、SCSS 或 Less。選對語言才能正確辨識變數($gap、@gap)和巢狀規則。
縮排和行寬
巢狀規則和宣告的縮排,以及較長的選擇器列表和屬性值在多寬時折行。

使用示例

壓縮過的框架樣式。 貼上單行的 .min.css 檔案,逐條閱讀其中的規則。

整理 SCSS。 縮排混亂的巢狀 SCSS 會被統一為兩空格縮排。

常見問題

格式化會改動什麼?

每條宣告放在單獨一行,統一冒號和花括號兩側的空格,十六進位制顏色轉成小寫,連續的空行合併為一行。屬性順序和取值不變。

能還原網站上壓縮過的 CSS 嗎?

可以,貼上壓縮檔案後點「格式化」即可。壓縮時刪掉的註釋無法恢復。

程式碼會上傳嗎?

不會,格式化在瀏覽器中完成。

隱私說明

本工具完全在瀏覽器中執行,檔案和文字都在你的裝置上處理,不會上傳到我們的伺服器。

相關工具