Upcoming Webinar: Jump Start Your Automated Testing Efforts With Record & Play Save Your Seat

Blog We love to talk!

Nov Tue

Cross Browser Flexible Box Layout Module

  •  11-10-2015

Flexible Box Layout Module is the method of positioning elements in horizontal or vertical stacks. support includes the support for the all properties prefixed with `flex` as well as `display: flex`, `display: inline-flex`, `align-content`, `align-items`, `align-self`, `justify-content` and `order`.

Browser Support

Flexible Box Layout Module is already supported by all major browser so it should be really easy to get it working cross browser.

Code Example

You can use Flexible Box Layout Module like this:

.container {
  display: flex;
}
nav {
  width: 200px;
}
.flex-column {
  flex: 1;
}

More Information

More information can be found here.

No Comments

Leave a Reply

Your email address will not be published.