- From: Tab Atkins Jr. <jackalmage@gmail.com>
- Date: Sat, 20 Apr 2013 13:54:42 -0700
- To: Bjoern Hoehrmann <derhoermi@gmx.net>
- Cc: Tim Leverett <zzzzbov@gmail.com>, "www-style@w3.org" <www-style@w3.org>
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 Saturday, 20 April 2013 20:55:28 UTC