Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
Last revisionBoth sides next revision
spec:css3-flexbox:use-cases [2011/07/12 14:01] – created alexmogspec:css3-flexbox:use-cases [2011/07/18 13:17] – [1. toolbar, where items (images + labels) are evenly spaced] alexmog
Line 5: Line 5:
 ==== 1. toolbar, where items (images + labels) are evenly spaced ==== ==== 1. toolbar, where items (images + labels) are evenly spaced ====
  
 +<html><table><tr><td></html>
 +=== current draft ===
 +
 +<html></td><td></html>
 +
 +=== 2009 spec ===
 +//requires a spacer element//
 +
 +<html></td></tr><tr><td></html>
  
  <toolbar>  <toolbar>
Line 28: Line 37:
  </style>  </style>
  
 +<html></td><td></html>
 +
 + <toolbar>
 + <tool>
 + <icon>
 + <label>foo</label>
 + </tool>
 + <spacer></spacer>
 + <tool>
 + <icon>
 + <label>foo</label>
 + </tool>
 + ...
 + </toolbar>
 + <style>
 + toolbar {
 + display: box;
 + box-orient: horizontal;
 + padding: 3px;
 + }
 + spacer {
 + box-flex: 1;
 + }
 + </style>
 +
 +<html></td></tr></table></html>
  
 ==== 2. toolbar, where items are split into groups, and groups are evenly spaced ==== ==== 2. toolbar, where items are split into groups, and groups are evenly spaced ====
 
spec/css3-flexbox/use-cases.txt · Last modified: 2014/12/09 15:48 by 127.0.0.1
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki