私は次の状況にあります:
div {
width: calc((100% / 11) - 9.09px);
}
コンテキストでは、100%= 1440px、および9.09pxが生成されますサスと数学で。
結果は次のとおりです。calc関数は切り上げられるため、94.55pxですが、94.54px(切り下げ)が必要です。
100分の1の位に切り捨てるにはどうすればよいですか?
#編集: 例 。
残念ながら、CSSには数値を丸める(または天井/床)ためのネイティブな方法はありません。
ただし、Sassを使用しているとおっしゃいました。 小さなSassライブラリ を見つけました。これは、指定された精度で数値を丸め、床関数化し、天井にすることができます。
たとえば、_94.546
_があった場合、decimal-floor(94.546, 2)
を使用すると、_94.54
_が返されます。
残念ながら、CSSでオンザフライで計算するためにcalc()
を使用する必要がある場合、これは役に立たない可能性があります。ただし、width
を事前に計算し、Sassでフロア化できる場合は、ニーズに適合します。考えられる解決策は、ブレークポイントを設定し、Sassの前処理でそれらのブレークポイントを使用する方法として_@media
_クエリを使用することです。