- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Thu, 9 Aug 2012 09:08:47 -0700
- To: "Kang-Hao (Kenny) Lu" <kanghaol@oupeng.com>
- Cc: fantasai <fantasai.lists@inkedblade.net>, WWW Style <www-style@w3.org>
On Tue, Jul 31, 2012 at 12:57 AM, Kang-Hao (Kenny) Lu <kanghaol@oupeng.com> wrote: > (12/07/31 9:17), fantasai wrote: >> On 07/16/2012 09:01 AM, Kang-Hao (Kenny) Lu wrote: >>> # For the layout models in CSS2.1, both the min-content extent and >>> # max-content extent of non-replaced elements are defined as the >>> # content extent as defined (for horizontal writing modes) in >>> # CSS2.1§10.6.3 and CSS2.1§17.5.3 for elements with ‘height: >>> # auto’. >>> >>> Does this mean using 'width: min-content' and 'width: max-content' >>> respectively? Can this be clarified a bit? Also, it would be better if >>> this is part of the definition of the keywords >>> 'min-content'/'max-content', I think. >> >> "extent" means the logical height, so, yes, it means 'width: min-content' >> and 'width: max-content', but only when in vertical writing mode. :) > > I think I didn't described my question clearly. To be precise, my > question is, for the following three examples > > data:text/html,<div style="width: 2em; > height: auto; > border: red solid;">a b c</div> > > data:text/html,<div style="width: 2em; > height: min-content; > border: red solid;">a b c</div> > > data:text/html,<div style="width: 2em; > height: max-content; > border: red solid;">a b c</div> > > , do they look the same because 'height: max-content' and 'height: > min-content' are treated as 'height: auto' or do they look different > because 'height: min-content' is the height when <div> is laid out in > 'width: min-content' and so on. > > My guess after reading the spec was the latter but you seem to indicate > that the former is what's intended (Firefox14 doesn't support > '-moz-max-content/-moz-min-content' on 'height', matching the former > interpretation), but if that's the case: The former. This is definitely what the spec says, but it's a little twisty to read it correctly. This is clearer in <http://dev.w3.org/csswg/css3-sizing>. ~TJ
Received on Thursday, 9 August 2012 16:09:42 UTC