Lightweight Mobile CSS Layout Library – flex.css

Category: CSS & CSS3 , Layout , Recommended | April 14, 2016
Author:1340641314
Views Total:447 views
Official Page:Go to website
Last Update:April 14, 2016
License:MIT

Preview:

Lightweight Mobile CSS Layout Library – flex.css

Description:

flex.css is a lightweight CSS library that makes it easier to generate responsive, complex, cross-platform web layout for both desktop and mobile. Heavily based on CSS3 flexbox model.

How to use it:

Just include the flex.css into your document and we’re ready to go.

<link href="flex.min.css" rel="stylesheet">

Create the web layout using flex and flex-box attributes like this:

<div flex="dir:left main:left cross:top">
  <div flex-box="0"></div>
</div>

Available parameters for the flex attribute.

  • dir: top, right, bottom or left
  • main: right, left, justify or center
  • cross: top, bottom, baseline, center or stretch
  • wrap: ture/false. Allows long words to be able to be broken and wrap onto the next line

You Might Be Interested In:


Leave a Reply