- From: Tim Leverett <zzzzbov@gmail.com>
- Date: Tue, 23 Apr 2013 10:02:56 -0400
- To: "www-style@w3.org" <www-style@w3.org>
- Message-ID: <CAOiS3y47EKUyy7z4CmkuynKa3xhYt+HwhP_bRHcAU0-N_BeA4Q@mail.gmail.com>
> Nah, just use MOAR FLEXBOX:
>
> .images {
> display: flex;
> justify-content: center;
> }
Maybe it's my lack of experience with flexbox, but how would flexbox handle
the situation where the images are supposed to gracefully wrap to new lines?
http://jsfiddle.net/gHvcA/
Tim
☺
On Sat, Apr 20, 2013 at 4:54 PM, Tab Atkins Jr. <jackalmage@gmail.com>wrote:
> On Sat, Apr 20, 2013 at 1:50 PM, Bjoern Hoehrmann <derhoermi@gmx.net>
> wrote:
> > * Tab Atkins Jr. wrote:
> >>On Fri, Apr 19, 2013 at 11:05 AM, Tim Leverett <zzzzbov@gmail.com>
> wrote:
> >>> <div class="images">
> >>> <img src="/path/to/image1.jpg" alt="lorem ipsum" />
> >>> <img src="/path/to/image2.jpg" alt="lorem ipsum" />
> >>> <img src="/path/to/image3.jpg" alt="lorem ipsum" />
> >>> </div>
> >>>
> >>> By default, these images will display each separated by a space
> character.
> >>> If the desired effect is to not have spaces between the images, the
> markup
> >>> needs to be changed,
> >>
> >>Nah, just use MOAR FLEXBOX:
> >>
> >>.images {
> >> display: flex;
> >> justify-content: center;
> >>}
> >>
> >>DONE. ^_^
> >
> > An author who thinks about the problem in terms of how to control the
> > handling of the space character is quite likely to look up the `white-
> > space` property for a solution. Using "flexbox" for this sounds quite
> > a bit like "Why does auto attribute for margin not work vertically?",
> > unless it ends up being a really big hammer in authors' toolboxes.
>
> Flexbox *is* intended to be a big hammer in author's toolboxes. In
> particular, the intention of the spec is that it should become the
> first thing people reach for when they want to lay things out
> horizontally.
>
> Today's world is just trapped in a local minimum of text-layout-based
> hacks.
>
> ~TJ
>
Received on Tuesday, 23 April 2013 14:03:44 UTC