less:長度計算

CSS中可通過函數 calc() 動態計算長度,如:

// 設置寬度爲:父元素寬度 - 10px
width: calc(100% - 10px);

但是在less中這樣寫有問題,會自動處理成:

width: calc(90%);

因爲less中本身支持 “-” 操作,會自動推斷並轉換數值單位=。=,可用如下寫法:

width: calc(~"100% - 10px");

calc和變量混合寫法:

height: calc(~"100% - 30px" - @collapse-height);

Tips: calc() 中運算符兩邊要有空格,否則無效。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章