W3C home > Mailing lists > Public > public-css-archive@w3.org > June 2018

Re: [csswg-drafts] [css-2][css-flexbox][css-grid] baseline position of inline-flex/inline-grid elements with overflow:hidden

From: frlinw via GitHub <sysbot+gh@w3.org>
Date: Thu, 28 Jun 2018 18:12:02 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-401125064-1530209521-sysbot+gh@w3.org>
> reusing the logic for inline-blocks, makes more sense
In the spec https://www.w3.org/TR/css-flexbox-1/#flex-containers:
- `vertical-align has no effect on a flex item`
That means, if you reuse inline-block behavior for `inline-flex`, you'll have the extra space and no way to remove it

Anyway, this point is (partially) ignored by all browsers because `vertical-align: middle` on an inline-flex node cause an extra space above
https://codepen.io/frlinw/pen/mKQzqK

-- 
GitHub Notification of comment by frlinw
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2838#issuecomment-401125064 using your GitHub account
Received on Thursday, 28 June 2018 18:12:05 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 19 September 2019 01:18:58 UTC