[css-align] vertical-align:baseline

• From: Andrew Fedoniouk <news@terrainformatica.com>
• Date: Mon, 3 Feb 2014 22:38:03 -0800
• To: "www-style@w3.org" <www-style@w3.org>
• Message-ID: <CALRQH788rPDrYW1fwu86skPk-9x7s0-hN4kExqCcFZv0B3XFvQ@mail.gmail.com>

Consider following markup:
<div>text that contains
     <span .container>
        <span .c1 >Inline</span>
        <span .c2 >Block</span>
        <span .c3 >Elements</span>
     </span>
</div>

With the style:

span.container {  vertical-align:baseline; display:inline-block; }
span.container > span { display:inline-block;  }

Here is an illustration of possible rendering:
http://terrainformatica.com/w3/baseline-align.png

I have the following hypothesis regarding the above:

vertical-align:baseline on inline-block container
makes sense only when it defines alignment of the container
itself *and* its content at the same time.

Baseline of horizontal container is a common line of
base lines of its children, by the definition of baseline.

This observation applies to horizontal flex boxes and rows
in various layouts I believe.

So for horizontal inline-flex elements 'align-content:auto'
shall mean 'align-content:baseline' if that element has
vertical-align:baseline defined.

No?

-- 
Andrew Fedoniouk.

http://terrainformatica.com

Received on Tuesday, 4 February 2014 06:38:31 UTC