W3C home > Mailing lists > Public > www-style@w3.org > January 2015

Re: Flex items growing unless they wrap to a line of their own

From: Sebastian Zartner <sebastianzartner@gmail.com>
Date: Tue, 13 Jan 2015 13:44:45 +0100
Message-ID: <CAERejNY-vGB8Owu=YVjr4W0NVGCEZfAHw6-vuxdwUc4h16XF4A@mail.gmail.com>
To: fantasai <fantasai.lists@inkedblade.net>
Cc: Jared Wein <jaws@mozilla.com>, "Tab Atkins Jr." <jackalmage@gmail.com>, www-style <www-style@w3.org>
On 12 January 2015 at 20:02, fantasai <fantasai.lists@inkedblade.net> wrote:
> On 01/12/2015 09:53 AM, Jared Wein wrote:
>>
>>
>> Thanks. I should note that another desired result would be the following:
>>
>> ----------------------------
>> |[    AAA    ][    BBB    ]|
>> |[    CCC    ]             |
>> ---------------------------|
>
>
> We're also in the process of adding a few features to CSS Grid that should
> make this layout fairly easy.

I believe the latter use case really fits more to CSS Grid and CSS
Flexbox should just allow to not stretch the last element at all like
in Jared's first example.

If it's really desired to also stretch the last element to some
extend, then I think instead of using "phantom" items the width of the
first element of the second to last line should be used. I.e. in the
example this would be the width of AAA.

Sebastian
Received on Tuesday, 13 January 2015 12:45:32 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:51:56 UTC