0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
設定
使用一致的縮排格式化和組織 CSS 和 SCSS 樣式表。設定縮排和行寬選項,然後將程式碼貼到編輯器中,並按格式化
原始程式碼
線路:0角色:0

運作方式

對壓縮或對齊混亂的 CSS 或 SCSS 樣式表重新縮排並整理,使其可讀。適合檢查壓縮樣式、查看第三方 CSS,或在儲存前統一格式。

可以選擇縮排類型(空格或定位字元)、縮排大小和行尾。每條宣告單獨一行,用逗號分隔的選擇器放在各自的行上。

處理完全在本機、在你的瀏覽器中使用 js-beautify 完成。它格式化外觀;不會壓縮、不會重新排列屬性,也不會驗證規則是否正確。

範例

a,b{color:red;margin:0}a, b { color: red; margin: 0 }選擇器被分到各行,每個屬性都有縮排。

使用情境

  • 讓網站的壓縮 .css 檔案變得可讀。
  • 在提交前統一樣式表的縮排。
  • 查看和比較框架或函式庫中的 CSS 規則。
  • 整理從文件或產生器中貼上的 SCSS。

常見問題

它也適用於 SCSS 或 LESS 嗎?

它會格式化 CSS 以及 SCSS 等相容語法,包括巢狀規則。它不會把 SCSS 或 LESS 編譯為 CSS:只是重新排列縮排和換行。

它會重新排序或分組屬性嗎?

不會。它保留選擇器和宣告的原始順序。只更改間距、縮排和換行以提高可讀性。

這和壓縮 CSS 是一回事嗎?

不是,正好相反。格式化會加入空格和換行以便閱讀;壓縮會移除它們以減小檔案體積。若要壓縮,請使用壓縮工具。

我的程式碼會上傳到伺服器嗎?

不會。格式化完全在你的瀏覽器中進行;CSS絕不會離開你的電腦。