web-dev-qa-db-ja.com

csscalc-小数点以下2桁で切り捨てます

私は次の状況にあります:

div {
    width: calc((100% / 11) - 9.09px);
}

コンテキストでは、100%= 1440px、および9.09pxが生成されますサスと数学で。

結果は次のとおりです。calc関数は切り上げられるため、94.55pxですが、94.54px(切り下げ)が必要です。

100分の1の位に切り捨てるにはどうすればよいですか?

#編集:

10
Cleiton Souza

残念ながら、CSSには数値を丸める(または天井/床)ためのネイティブな方法はありません。

ただし、Sassを使用しているとおっしゃいました。 小さなSassライブラリ を見つけました。これは、指定された精度で数値を丸め、床関数化し、天井にすることができます。

たとえば、_94.546_があった場合、decimal-floor(94.546, 2)を使用すると、_94.54_が返されます。

残念ながら、CSSでオンザフライで計算するためにcalc()を使用する必要がある場合、これは役に立たない可能性があります。ただし、widthを事前に計算し、Sassでフロア化できる場合は、ニーズに適合します。考えられる解決策は、ブレークポイントを設定し、Sassの前処理でそれらのブレークポイントを使用する方法として_@media_クエリを使用することです。

7
pinjasaur