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

Re: [css3-text] Feature request: "white-space: ignore"

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Fri, 19 Apr 2013 12:22:42 -0700
Message-ID: <CAAWBYDDhx1iAyFt3a1=UZ5ZtOZ=MYewUC9ejz7yo8-scvW5SiQ@mail.gmail.com>
To: Tim Leverett <zzzzbov@gmail.com>
Cc: "www-style@w3.org" <www-style@w3.org>
On Fri, Apr 19, 2013 at 11:05 AM, Tim Leverett <zzzzbov@gmail.com> wrote:
> For consistency with other rules I would rather see it be called:
> white-space: none, with the understanding that all whitespace within an
> element of this style would be discarded/ignored.
>
>> You can't fix "browsers are too slow in implementing!" by creating
> more features.  ^_^  That's why you're getting pushback.  Flexbox is
> the correct solution
>
> While it's true that flexbox is the right solution for concepts such as
> multiple columns, white space can still get in the way unintentionally.
>
> Consider the following code:
>
>     <style>
>         .images {
>             text-align: center;
>         }
>     </style>
>     <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. ^_^

~tj
Received on Friday, 19 April 2013 19:23:29 UTC

This archive was generated by hypermail 2.3.1 : Friday, 19 April 2013 19:23:29 UTC