Lightweight Mobile CSS Layout Library – flex.css

Category: CSS & CSS3 , Layout , Recommended | May 26, 2022
Author:lzxb
Views Total:57 views
Official Page:Go to website
Last Update:May 26, 2022
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 layouts 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
  • box: mean, first, last, or justify

Changelog:

05/26/2022

  • Rename

You Might Be Interested In:


Leave a Reply