W3C home > Mailing lists > Public > www-style@w3.org > April 2016

Re: [css-flexbox] abspos & align-self: stretch

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Thu, 21 Apr 2016 14:56:45 -0700
Message-ID: <CAAWBYDAyVOWw_52XHeNW2SpgW7hnneS4rEHR9iTMoxdXuGMasQ@mail.gmail.com>
To: Christian Biesinger <cbiesinger@google.com>
Cc: fantasai <fantasai.lists@inkedblade.net>, Greg Whitworth <gwhit@microsoft.com>, www-style list <www-style@w3.org>
On Thu, Apr 21, 2016 at 2:39 PM, Christian Biesinger
<cbiesinger@google.com> wrote:
> For align, it's only align-items/align-self, but not align-content.
> Tested in Edge 20.10240.16384.0
>
> For justify it is justify-content as you say.

Ah, right, align-content happens to not have an effect, because the
abspos is treated as being the only flex item, so the flexbox is
single-line for these purposes, and the flex line is stretched to the
size of the flexbox (so there's no free space to align the flex line
with).

So yeah, in effect, the static pos of an abspos child of a flexbox is
determined by the combination of justify-content and align-self/items,
aligning into the flexbox's content box.  Which feels crazy, but it's
precisely what an actual lone flex item would use, so ¯\_(ツ)_/¯?

~TJ
Received on Thursday, 21 April 2016 21:57:32 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:09:02 UTC