Roland: Responsive Webdesign

Beitrag lesen

SELF-Forum

Responsive Webdesign

Roland
– Informationen zu den Bewertungsregeln

Kann ich über eine Angabe die Anzeigereihenfolge festlegen?

Prinzipiell ja - aber mit dem Browsersupport siehts da noch "etwas" mangelhaft aus:
http://dev.w3.org/csswg/css-flexbox/#order-property

Habe jetzt folgendes Beispiel in verschiedenen Browsern getestet. Bis auf den Firefox war es überall ok (A,B,C untereinander).
Im Firefox 23 nicht, obwohl in about:config
layout.css.flexbox.enabled auf "true" gesetzt ist.

  
<html>  
<head>  
<style type="text/css">  
.box {  
    display: flex;  
    flex-flow: column nowrap;  
    justify-content: center;  
    align-content: center;  
    align-items: center;  
	}  
.box div.A {  
    order: 1;  
    flex: 0 1 auto;  
    align-self: auto;  
    min-width: 0;  
    min-height: auto;  
}  
.box div.B {  
    order: ;  
    flex: 0 1 auto;  
    align-self: ;  
    min-width: 0;  
    min-height: auto;  
}  
.box div.C {  
    order: 3;  
    flex: 0 1 auto;  
    align-self: ;  
    min-width: 0;  
    min-height: auto;  
}  
</style>  
</head>  
<body>  
<div class="box">  
  <div class="A">A</div>  
  <div class="B">B</div>  
  <div class="C">C</div>  
</div></body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln