- From: Patrick Brosset <pbrosset@mozilla.com>
- Date: Thu, 21 Dec 2017 09:15:26 +0100
- To: fantasai <fantasai.lists@inkedblade.net>
- Cc: www-style@w3.org
- Message-ID: <CABcuYMARRZKBAPnFc4LLmfuam10gLJG82kodmwE=mfUksDou1A@mail.gmail.com>
Thank you for the explanation fantasai! Got it now. On Wed, Dec 20, 2017 at 7:16 PM, fantasai <fantasai.lists@inkedblade.net> wrote: > On 12/19/2017 10:41 AM, Patrick Brosset wrote: > >> I'm new to the CSS Box Alignment spec and I'm currently reading it from >> the point of view of someone trying to understand it enough to imagine a >> browser devtools for aligning elements on a page. >> >> To that end, I have a few questions. I'm sure they're quite beginner >> level, and I hope they're fine to ask here. >> >> 1) Why does justify-content not work on block containers? >> It seems to me like that would be useful to align content along the >> inline axis nicely. >> > > justify-self handles the alignment of the block-level elements within a > block container; > to align all of them, you can use justify-items. > > (It didn't make too much sense for us to introduce an intermediary concept > of "all the > content of the block container as a unit" the way a column Flexbox has a > flex line, so > we didn't.) > > 2) I don't understand how align-content is meant to work with multicol >> containers. >> The alignment subject is the entire column box which, I assumed, would >> take the full block size. >> But I'm guessing that's where I'm wrong. Are column boxes different >> sizes? Is this due to the break-* properties? >> > > If a multicol container has a specified size that is taller than its > columns, > then there is extra space to distribute. e.g. > > <article style="columns: 3; height: 100vh;"> > ... not enough content to fill the height of <article> > </article> > > Note that applying the alignment properties to block-level boxes and > multicol > isn't well-implemented yet. > > ~fantasai > > >
Received on Thursday, 21 December 2017 08:15:56 UTC