【问题标题】:How to make compound styles如何制作复合样式
【发布时间】:2013-12-27 02:23:18
【问题描述】:

我想创建一些复合 style 值,例如:height:100%-10px;

有没有办法用CSS 做到这一点?

还是必须使用JavaScript

如果可以,您可以发表您的建议吗?

【问题讨论】:

    标签: javascript html css stylesheet


    【解决方案1】:

    你会使用calc()

    height: calc(100% - 10px);
    

    jsFiddle example

    w3.org8.1. Mathematical Expressions: ‘calc()’

    calc() 函数允许将带有加法 (‘+’)、减法 (‘-’)、乘法 (‘*’) 和除法 (‘/’) 的数学表达式用作分量值。 “calc()”表达式使用标准运算符优先级规则表示它包含的数学计算的结果。它可以在任何允许使用 , , , , , 或值的地方使用。 “calc()”表达式的组成部分可以是文字值、“attr()”或“calc()”表达式,或者解析为上述类型之一的值。

    【讨论】:

      猜你喜欢
      • 2011-04-03
      • 2021-10-29
      • 1970-01-01
      • 2016-05-23
      • 2017-05-30
      • 2014-02-09
      • 1970-01-01
      • 1970-01-01
      • 2013-07-16
      相关资源
      最近更新 更多