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絕不會離開你的電腦。