[css-align][css-flexbox]Can align-content be used in a single-line of flex-containers?

[yisibl]

<div class="test"><div>foo</div></div>

.test {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid black;
  width: 200px;
  height: 100px;
  align-content: center;
  justify-content: center;
  margin: 30px auto;
}

Chrome ignores the align-content property, Firefox, Edge, Safari will not.

Which does not seem to be explicitly defined in the specification.

Demo: http://jsbin.com/vuxorikewe/edit?html,css,output

[mrego]

This is a known bug in Chrome: https://bugs.chromium.org/p/chromium/issues/detail?id=599828

The bug links to this spec change: https://drafts.csswg.org/css-flexbox/#change-201409-align-content-wrapping

[yisibl]

@mrego Thanks! ❤️

The new specification is more in line with the user's expectations, which is more consistent with css-grid.

[yisibl]

Firefox 52 fixed in https://bugzilla.mozilla.org/show_bug.cgi?id=1090031

[yisibl]

Chrome finally supported it.
https://chromium.googlesource.com/chromium/src.git/+/2677c38d6bd832609bd631bc9c26655feb295bc7