在 Sass 中除了可以使用數值進行運算之外,還可以使用變量進行計算,其實在前面章節的示例中也或多或少的向大家展示了。在 Sass 中使用變量進行計算,這使得 Sass 的數學運算功能變得更加實用。一起來看一個簡單的示例:
$content-width: 720px; $sidebar-width: 220px; $gutter: 20px; .container { width: $content-width + $sidebar-width + $gutter; margin: 0 auto; }
編譯出來的CSS
.container { width: 960px; margin: 0 auto; }
在編輯器第六行輸入正確代碼,計算出每列的列寬
列寬 = 單列寬度 x 列數 + 列間距 x (列數 - 1)
$col-width * $i + $col-gap * ($i - 1)
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報