W3C home > Mailing lists > Public > www-style@w3.org > November 2012

Re: Any plans to add a method for suppressing white space between inline-block elements?

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Sat, 24 Nov 2012 08:11:15 -0800
Message-ID: <CAAWBYDACPcQc8oqDLWxrg4W52vXK7ZOjwCQCAN4G=orWPUsuBw@mail.gmail.com>
To: Behrang Saeedzadeh <behrangsa@gmail.com>
Cc: W3C CSS Mailing List <www-style@w3.org>
On Sat, Nov 24, 2012 at 2:48 AM, Behrang Saeedzadeh <behrangsa@gmail.com> wrote:
> As you know, at the moment, in order to create a somehow readable HTML page,
> we either are forced to using comments or set the font-size of the parent
> element to 0 and set it back to 1rem or something similar:
>
> <div>
>    <div>foo</div><!--
> --><div>bar</div><!--
> --><div>baz</div>
> </div>
>
> I think we need a more elegant way for suppressing white space (or any text)
> inside an element (and not its children) in CSS.

As Phillippe said, the 'text-space-collapse' property, currently
sitting in Text 4
<http://dev.w3.org/csswg/css4-text/#white-space-collapsing>, addresses
this.

As Pete said, it's very likely that you're using inline-block here
just to achieve horizontal layout of some items, in which case Flexbox
is the correct answer to your problem.  That's what it was designed
for.  Flexbox is at this very moment being unprefixed in all major
browsers, so it should be usable in modern browsers sometime in 2013.

~TJ
Received on Saturday, 24 November 2012 16:12:02 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:21:03 GMT