替换元素的CSS固有尺寸

时间:2018-10-09 22:08:57

标签: html css css3

我在CSS Intrinsic & Extrinsic Sizing Module Level 34.1. Intrinsic Sizes章中遇到了一些困难。

这是我正在努力的部分:

  

由于块级内联级替换了高度 OR 的元素   有效地定义auto的宽度,以使用其 max-content   大小CSS2§10.3.2)...

背景和问题:

  • 最大内容大小表示shrink-to-fit,其中包含一个无限包含块
  • 即不应采取任何自动换行的机会,因此该元素要尽可能地大(而不必通过属性强制其变大)。
  • 我看不到CSS2§10.3.2中任何地方为只有一个维度为auto的元素定义的行为。
  • 实际上,CSS2§10.3.2的单个部分都不涉及这样的情况:元素只有{strong> one 维度为auto,并且没有固有尺寸或固有长宽比。 (请注意,上面的块引用中的“ OR ”)
  • 他们指的是CSS2§10.3.2的哪一部分?

1 个答案:

答案 0 :(得分:1)

width = auto case包含在10.3.2中。它说:

  

...或者如果'width'的计算值为'auto',则'height'的其他值   计算值,并且该元素确实具有固有比率;然后   'width'的使用值为:

(used height) * (intrinsic ratio)

高度=自动大小写在10.6.2中的其他位置。它说:

  

...如果'height'的计算值为'auto',则元素为   具有固有比率,则“ height”的使用值为:

(used width) / (intrinsic ratio)

仅剩下高度和宽度均为自动的情况,没有固有尺寸,但有固有比例。 10.3.2通过说:

  

如果“ height”和“ width”都具有“ auto”和“   元素具有固有比率,但没有固有高度或宽度,则   在CSS 2.2中未定义'width'的使用值。

该规范在css-sizing 4.1中进行了扩展,其中指出:

  

本规范将上述规则应用于未定义的   替换的元素的高度和宽度都表现为自动。