代码之家  ›  专栏  ›  技术社区  ›  Jeaf Gilbert

CSS宽度减法

css
  •  27
  • Jeaf Gilbert  · 技术社区  · 14 年前

    例如:

    width = 100% - 10px
    

    我不是说填充或边距。

    7 回复  |  直到 7 年前
        1
  •  37
  •   mpgn    10 年前

    现在与 calc 解决方案是:

    width: calc(100% - 10px);
    


    Calc

    附加说明:

    注意:+和-运算符必须始终用空格括起来。 百分比后跟负长度、无效表达式,而 标志和长度。更进一步,钙(8px+-50%)被视为 长度后跟加号和负百分比。以及/ 运算符不需要空格,但为保持一致性而添加空格是必要的

        2
  •  12
  •   Peter    14 年前

    很简单:你不能这么做。你得采取一些变通办法。

        3
  •  12
  •   n1313    14 年前

    嗯,直到 CSS3 calc()

        4
  •  3
  •   Grant Crofton    14 年前

    你也许可以这样做 SASS ,如果您使用的是支持它的堆栈。我只知道鲁比,但很可能还有其他人。

    SASS是CSS风格的代码,它生成传统的CSS,可以使用变量等。

        5
  •  2
  •   Nev Stokes    14 年前

    实现这一点的唯一方法是使用 LessCSS 或类似的工具,然后将这些文件处理成生成的CSS-你不能在飞行中这样做

        6
  •  2
  •   Thariama    13 年前

    width:auto;
    margin-right: 10px;
    

    这不是你想要的。

        7
  •  1
  •   Déjà vu    14 年前

    通常,使用动态方法,动态生成代码。

     $width = $all - 10;
     echo 'width:' . $width . 'px;';