 css.crossbrowserify = (props, as_str = false) -> 
 
   prefixes = ['-webkit-', '-ms-', '-mox-', '-o-']
+
+
   if props.transform
     for prefix in prefixes
       props["#{prefix}transform"] = props.transform
+
+  if props.flex 
+    for prefix in prefixes
+      props["#{prefix}flex"] = props.flex
+
+  if props.flexDirection
+    for prefix in prefixes
+      props["#{prefix}flex-direction"] = props.flexDirection
+
+  if props.justifyContent
+    for prefix in prefixes
+      props["#{prefix}justify-content"] = props.justifyContent
+
+
+  if props.display == 'flex'
+    props.display = 'display: table-cell; -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex'
 
   if props.transition
     for prefix in prefixes

  vertical-align: baseline;
  line-height: 1.4; }

button {
  line-height: 1.4;
}

      MozUserSelect: props.userSelect
      WebkitUserSelect: props.userSelect
      msUserSelect: props.userSelect


  if as_str then css_as_str(props) else props

