【问题标题】:Issue with 'em' value in CSSCSS中的“em”值问题
【发布时间】:2015-02-13 07:24:51
【问题描述】:

CSS

font-size: 1.1em/1.5;

1.1em/1.5 在 CSS 中是什么意思。我对 CSS 中的 'em' 属性很熟悉,但为什么我们用一些数字来划分。

【问题讨论】:

    标签: css


    【解决方案1】:

    当你定义时

    font: 1.1em/1.5 ...;

    您正在使用速记属性,其中第一个值为font-size,第二个值为line-height(也可以是无单位的)

    【讨论】:

    • 给我点赞,因为这是正确答案,也是第一个发布的答案。
    • 哦,好吧,这对我来说是新的。为什么他们使用斜线来分隔值?其他速记不使用任何东西(例如padding: 1rem 0.5rem;)。
    • 我也投了赞成票,但我的声望不到 15 分:)
    【解决方案2】:

    这没有任何意义,因为声明 font-size: 1.1em/1.5 在语法上是错误的,浏览器需要忽略它。

    font: 1.1em/1.5 serif 这样的声明将是另一回事。但是关于那里/1.5的含义,它已经得到了回答,例如这里:Size of font in CSS with slash

    【讨论】:

      【解决方案3】:

      如果font有两个用斜线分隔的值,第一个表示font-size,第二个表示line-height

      例如
      如果父元素有font-size 10px,则该元素将有font-size 11pxline-height 16.5px (11 * 1.5)。

      【讨论】:

      • font-size 不接受多个值,也不接受斜线。因此它会被浏览器忽略。
      猜你喜欢
      • 2011-07-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-10-19
      • 1970-01-01
      • 1970-01-01
      • 2017-01-15
      相关资源
      最近更新 更多