Re: [csswg-drafts] [css-align] behaviour for width or flex-basis of flex items when gap applied to flex container

Here's an example.

If I do this
```
.container {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
}

.item {
    width: 50%; /* or flex-basis*/
}
```

Does this mean that the flex items will not sit on one line because the gap would push them onto two lines?

There is no clarification in the spec that I can find that explains what happens in this scenario. Grid is a different concept to flex as in it sets up a template grid on the container and the author can specify where items should line up on that grid. Flex doesn't have the same concept and so there is no way I can think of for the author to accommodate the gaps unless the width or flex-basis automatically accounts for the gap, or there is another way to accommodate for them.

-- 
GitHub Notification of comment by mindthetic
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/2668#issuecomment-388291429 using your GitHub account

Received on Friday, 11 May 2018 08:00:54 UTC