How do I prevent line wrapping of a flexbox element? Is it even possible?
I\'m attempting to create a two column grid with flexbox with the following markup:
<
The property you are looking for is flex-shrink, not flex-basis.
.no-wrap{
flex-shrink: 0;
}
Note however, that IE10 is not listed as supporting this property (as it did not exist in the specification at the time they added the Flexbox implementation). You can use the flex property instead.
.no-wrap{
flex: 0 0 auto;
}