Thanks to visit codestin.com
Credit goes to github.com

Skip to content

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

@yisibl

Description

@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

image
image

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions