[CSS-align][CSSOM] New attribute for block level vertical centering the content

[Nadya678]

It is easy for me to define:

html
{
   display:table;
   width:100%;
   border:none;
   border-spacing: 0px;
   height:100%;
}
body
{
   display:table-cell;
   vertical-align:middle; 
   /* here add padding to make area for fixed-positioned elements like menu, nav-bar*/
}

but centering of content inside other elements is hard. There is no ideal solution.

Can you add style:
display: block-cell (and probably inline-block-cell)?
Display like block but with working: vertical-align:bottom and vertical-align:middle;

I know, I can use flexbox but... I must add additional container to do it and flexbox has additional adverse effects for elements inside it.

[Nadya678]

BTW. If in the example is more text inside <body/> - which element should have defined scrollTop property? (overflow: scroll doesn't work for table elements - I suggest document or window but please test Cr, IE and FF).

• <body/>
• <html/>
• document
• window?

[tabatkins]

This is already defined in the spec you link to: align-content: center on a block will vertically center the content (once browsers implement the alignment properties on blocks).

[Nadya678]

Thank you for explanation. This style will solve this problem if it will be implemented.
BUT what about CSSOM [scrollTop] for display:table on <html/> element described here? Shall I put new issue?

[tabatkins]

Yeah, that sounds like a totally separate issue.