- From: Andrew Fedoniouk <news@terrainformatica.com>
- Date: Wed, 19 Feb 2014 13:48:02 -0800
- To: "Tab Atkins Jr." <jackalmage@gmail.com>
- Cc: Eric Eastwood <me@ericeastwood.com>, www-style list <www-style@w3.org>
On Wed, Feb 19, 2014 at 8:59 AM, Tab Atkins Jr. <jackalmage@gmail.com> wrote: > On Tue, Feb 18, 2014 at 6:29 PM, Andrew Fedoniouk > <news@terrainformatica.com> wrote: >> According to this document http://www.w3.org/TR/CSS2/sample.html >> (non-normative I believe though) <button> and <input> are >> *inline-block* elements. And Eric was asking about purely display:inline >> elements that do not generate boxes by themselves. > > They're display:inline in HTML's style sheet. I see this: button, textarea, input, select { display: inline-block } in http://www.w3.org/TR/CSS21/sample.html Do you use other document? Which one? > > (And it doesn't matter - inline-block is still an inline-level box, > same as display:inline itself.) I am not sure I understand you here.to be honest. inline-block establishes box, inline element is a run of glyphs/inline-elements - is not a box by itself. > >> I think that inline elements should stay inline - flexbox shall not >> try to change "boxing nature" of its children. > > We're not changing this behavior, for the reasons I gave in my previous message. > When you apply flexbox on span's container that span gets treated as boxed element loosing its display:inline nature. Check this, <html> <head> <style> div.flex { display:flex; } div span { border: 1px solid; } </style> <script type="text/tiscript"></script> </head> <body> <div> The <span>quick brown fox jumps over the lazy</span> dog </div> <div class="flex"> The <span>quick brown fox jumps over the lazy</span> dog </div> </body> </html> two divs here should be rendered in the same way. That's what Eric was asking about I believe. -- Andrew Fedoniouk. http://terrainformatica.com
Received on Wednesday, 19 February 2014 21:48:29 UTC