2017-03-24 4 views
0

Das Problem ist, dass meine Divs bestellt werden, so dass die erste Spalte zuerst kollabiert und zuerst auf Handys gelesen wird (beabsichtigt).DIVS vertikal ausrichten, aber Reihenfolge konsistent halten

Aber auf Wort-Verpackung bei sehr spezifischen Bildschirmabmessungen, die divs aus dem Gleichgewicht geraten und jetzt ein wenig funky auf ihre vertikale Balance miteinander.

Ein Bild finden Sie hier (rot zeigt divs):

enter image description here

Was ich will, ist etwas Platz auf dem Text hinzuzufügen, die nicht Wort, so dass

Antwort

1

persönlich eingewickelt war, Ich würde sagen, das aktuelle Design funktioniert gut, da es passen und auf verschiedene Bildschirmgrößen ändern kann, die Tatsache, dass es nicht in einer Reihe steht, ist verständlich, da das Wort einfach zu lang ist.

Wenn Sie jedoch möchten, können Sie eine Mindestbreite für den Container festlegen, der diese Box darstellt. Dies bedeutet, dass das Wort nicht umgebrochen wird, wenn der Bildschirm kleiner wird. Aber es könnte mit Nebeneffekten kommen, da es die anderen zwei divs je nachdem, wie das css funktioniert, überstülpen wird.