- 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