css問題の割合からピクセルを減算してレイアウトcalc()
1128 ワード
一、問題
パーセンテージレイアウトで、borderがあるので、幅が2 px多くなりますが、どのように完璧にレイアウトしますか?
二、解決
最初はプリプロセッサを使う時だけだと思っていたが、so,vueプロジェクトではlessで処理した. .divWrap{
width: calc(~"(49% - 2px)"); /* less */
}
後で分かるように、calc()関数はcss 3に新たに追加された機能であり、プラス(+)、マイナス(-)、乗(*)、除算(/)の機能を有し、パーセンテージ(%)、画素(px)、rem、emを用いることができる. .box1{
width: calc(49% - 2px)
}
最初はプリプロセッサを使う時だけだと思っていたが、so,vueプロジェクトではlessで処理した.
.divWrap{
width: calc(~"(49% - 2px)"); /* less */
}
後で分かるように、calc()関数はcss 3に新たに追加された機能であり、プラス(+)、マイナス(-)、乗(*)、除算(/)の機能を有し、パーセンテージ(%)、画素(px)、rem、emを用いることができる.
.box1{
width: calc(49% - 2px)
}