理解CSS中的數學表示式calc

數學表示式calc()是calculate計算的縮寫，它允許使用 、-、*、/這四種運算子，可以混合使用%、px、em、rem等單位進行計算

相容性: ie8-、safari5.1-、ios5.1-、android4.3-不支援，android4.4-4.4.4只支援加法和減法。ie9不支援用於backround-position

[注意] 和-運算子兩邊一定要有空白符

<

style
>
.test1
.test2
style
>

<

div 
class
="test1"
>測試文字一
div>
<
div 
class
="test2"
>測試文字二
div>

style="width: 100%; height: 150px;" src="" frameborder="0" width="320" height="240">

數學表示式calc()常用於布局中的不同單位的數字運算

<

style
>
p.parent
.left
.right
style
>

<

div 
class
="parent"
style
="background-color: lightgrey;"
>
<
div 
class
="left"
style
="background-color: lightblue;"
>
<
p>left
p>
div>
<
div 
class
="right"
style
="background-color: lightgreen;"
>
<
p>right
p>
<
p>right
p>
div>
div>

style="width: 100%; height: 60px;" src="" frameborder="0" width="320" height="240">

更多專業前端知識，請上

【猿2048】www.mk2048.com

理解CSS中的數學表示式calc

數學表示式calc 是calculate計算的縮寫，它允許使用 這四種運算子，可以混合使用 px em rem等單位進行計算 相容性 ie8 safari5.1 ios5.1 android4.3 不支援，android4.4 4.4.4只支援加法和減法。ie9不支援用於backround posi...

數學表示式

只做 1或者2操作，使得給定乙個目標數，乙個初始數，使得初始數到目標數的步驟最短。23 52 1 2 1 113 11 1 1 1 222 1 先判斷目標數字和原始數字的大小，然後在判斷目標數是否為奇數，若是，則 1變成偶數在遞迴，在判斷原始數 2是否大於目標數，若不大於，則做乘2的操作。若小於則不...

數學表示式的計算 使用正規表示式

這種方式的基本思想就是迴圈使用正規表示式找出字串中不帶括號的那一部分，再分析出各個數字和運算子以及函式，並執行運算，然後將結果替換原表示式中相應部分，直到最後不能再進行任何替換。如 3 5 sin 7 9 3 5 sin 7 9 8 sin 7 9 8 sin16 8 sin16 8 0.2879 ...