Code-package Section

Fluidity

While it's best to do width styles in CSS, before I learned that I decided to make a quick work around in Javascript.

Based on min and max width (CSS) and the number associated with a 'fluidity' tag in the html this code adjusts the element width to the optimum size maximizing the width of the container. This prevents excess space within elements similar to text justification.

Download the Fluidity code package

Examples

Using Float Left CSS Style

Anchor Tags
Anchor Tag
fluidity="1"
(pointless)
Anchor Tag
fluidity="2"
Anchor Tag
fluidity="2"
Anchor Tag
fluidity="3"
Anchor Tag
fluidity="3"
Anchor Tag
fluidity="3"
Anchor Tag
fluidity="4"
Anchor Tag
fluidity="4"
Anchor Tag
fluidity="4"
Anchor Tag
fluidity="4"
Anchor Tag
fluidity="5"
Anchor Tag
fluidity="5"
Anchor Tag
fluidity="5"
Anchor Tag
fluidity="5"
Anchor Tag
fluidity="5"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Div Tags
Div Tag
fluidity="1"
(pointless)
Div Tag
fluidity="2"
Div Tag
fluidity="2"
Div Tag
fluidity="3"
Div Tag
fluidity="3"
Div Tag
fluidity="3"
Div Tag
fluidity="4"
Div Tag
fluidity="4"
Div Tag
fluidity="4"
Div Tag
fluidity="4"
Div Tag
fluidity="5"
Div Tag
fluidity="5"
Div Tag
fluidity="5"
Div Tag
fluidity="5"
Div Tag
fluidity="5"
Div Tag
fluidity="6"
Div Tag
fluidity="6"
Div Tag
fluidity="6"
Div Tag
fluidity="6"
Div Tag
fluidity="6"
Div Tag
fluidity="6"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Section Tags
Section Tag
fluidity="1"
(pointless)
Section Tag
fluidity="2"
Section Tag
fluidity="2"
Section Tag
fluidity="3"
Section Tag
fluidity="3"
Section Tag
fluidity="3"
Section Tag
fluidity="4"
Section Tag
fluidity="4"
Section Tag
fluidity="4"
Section Tag
fluidity="4"
Section Tag
fluidity="5"
Section Tag
fluidity="5"
Section Tag
fluidity="5"
Section Tag
fluidity="5"
Section Tag
fluidity="5"
Section Tag
fluidity="6"
Section Tag
fluidity="6"
Section Tag
fluidity="6"
Section Tag
fluidity="6"
Section Tag
fluidity="6"
Section Tag
fluidity="6"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Img Items



Using Inline-Block CSS Styles

Anchor Tags
Anchor Tag
fluidity="1"
(pointless)
Anchor Tag
fluidity="2"
Anchor Tag
fluidity="2"
Anchor Tag
fluidity="3"
Anchor Tag
fluidity="3"
Anchor Tag
fluidity="3"
Anchor Tag
fluidity="4"
Anchor Tag
fluidity="4"
Anchor Tag
fluidity="4"
Anchor Tag
fluidity="4"
Anchor Tag
fluidity="5"
Anchor Tag
fluidity="5"
Anchor Tag
fluidity="5"
Anchor Tag
fluidity="5"
Anchor Tag
fluidity="5"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="6"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="7"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Anchor Tag
fluidity="8"
Div Tags
Div Tag
fluidity="1"
(pointless)
Div Tag
fluidity="2"
Div Tag
fluidity="2"
Div Tag
fluidity="3"
Div Tag
fluidity="3"
Div Tag
fluidity="3"
Div Tag
fluidity="4"
Div Tag
fluidity="4"
Div Tag
fluidity="4"
Div Tag
fluidity="4"
Div Tag
fluidity="5"
Div Tag
fluidity="5"
Div Tag
fluidity="5"
Div Tag
fluidity="5"
Div Tag
fluidity="5"
Div Tag
fluidity="6"
Div Tag
fluidity="6"
Div Tag
fluidity="6"
Div Tag
fluidity="6"
Div Tag
fluidity="6"
Div Tag
fluidity="6"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="7"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Div Tag
fluidity="8"
Section Tags
Section Tag
fluidity="1"
(pointless)
Section Tag
fluidity="2"
Section Tag
fluidity="2"
Section Tag
fluidity="3"
Section Tag
fluidity="3"
Section Tag
fluidity="3"
Section Tag
fluidity="4"
Section Tag
fluidity="4"
Section Tag
fluidity="4"
Section Tag
fluidity="4"
Section Tag
fluidity="5"
Section Tag
fluidity="5"
Section Tag
fluidity="5"
Section Tag
fluidity="5"
Section Tag
fluidity="5"
Section Tag
fluidity="6"
Section Tag
fluidity="6"
Section Tag
fluidity="6"
Section Tag
fluidity="6"
Section Tag
fluidity="6"
Section Tag
fluidity="6"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="7"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Section Tag
fluidity="8"
Img Items