CSSは便利カルクで非常に人気があります()

あなたが最後にCALC()を考えていることは何ですか?ここでは、すぐに知るために読みます!CSSでレイアウトを作成するために使用することができます。これを行うには、あなたはまた、位置プロパティを使用することができます。

CSS計算値は()内部スタイルシートを計算するために使用されます。関数は、数学的な表現を使用することができます。

また(+) 減算( - ) 乗算(*)、除算(/)

CSSで数学を行うことができる複雑なレイアウトを作成する場合は特に、非常に便利な機能です。

プリプロセッサは、数学関数を使用する能力を持っていますが、CALC()関数のようなどれも強力ではありません。いくつかの前処理の能力はSASS未満にネストすることを含みます。

使用Calcは()は、異なる単位の性質の主な利点は、混合することができるです。たとえば、単位数の割合で分割することができない、またはピクセルの割合から差し引きます。

文法

オペレータは、どちらかの側空間なければならないことに注意してください。

ブラウザのサポート

CSSプロパティは、ブラウザアクセスCanIUse.comをサポートするかどうかをチェックするための最良の方法。私たちは、CALC()関数は、非常に良いブラウザのサポート、94%以上を持って、見ることができます。

ポジショニングの例

Calcの()関数を説明する簡単な例は、関数DIVが容器内に配置されています。

この例では、我々は、私たちは親要素に対する子要素を見つけやすくする方法をCALC()関数が表示されます。その後、我々はいくつかのスタイル要素と一部のテキストの書式を与えることができます。

例幅

要素の幅を設定するのCalc()関数を使用する方法のもう一つの良い例。

 

したがって、CALC()関数を定義するために使用されます。百分率及び画素ユニットを用いて第2のサブエレメント。これは、関数の単位を混在させる能力の優れた実例です。

結論

私たちは、あなたが何か新しいことを学んだこの記事から願っています。私たちは、それはあなたがアップでプレイし、その可能性を最大限に解放するための時間です、基本のあなたのcalc()関数を示してきました。

おすすめ

転載: www.cnblogs.com/westwin/p/11267952.html