Hej Andy,
ich entschied mich halt mal für einen Link. Und das der nicht ausgerichtet wird, steht er da oben und funktioniert auch einwandfrei in einem div das geöffnet und doch auch abgeschlossen wird. und gleichch darunter steht der Link der per javascript erstellt wird und auch einwandfrei funktioniert.
Dann halt mal ok, ssorry ffürr r den link da drin. Aber er ändert ja nix am Thema.
Was ist denn das Thema? - Wie man vertikal zentriert (mit flexbox) wurde ja bereits gesagt.
Was du zentrierst ist tatsächlich egal. Funktioniert mit allen Elementen. Daher wäre es sinnvoll, Code zu zeigen, der das eigentliche Problem beschreibt - du hast sehr viel Code, der mit dem, wodrauf Du eine Antwort haben möchtest, nichts zu tun hat.
Also weeiter Danke und
So sieht Dein Problem aus. Das bar soll vertikal zentriert werden.
<foo>
<bar></bar>
</foo>
So könnte Deine Lösung aussehen:
foo {
display: flex;
align-items: center;
}
Man muss nur richtig fragen, wenn man eine bestimmte Antwort will ;-)
Warum sollen sich zehn Leute Mühe geben, durch Deinen Code zu steigen, wenn du keinen Bock hast, das eigentliche Problem zu zeigen?
Gibt da eigentlich keinen Grund für. Dir wurde mehrfach gesagt, "zeig uns dein Problem (ohne den überflüssigen Müll). - Du hast es nur nicht gehört ;-)
Ich habe ein online-Beispiel für dich: http://codepen.io/haunschild/pen/WGWbbG
Ich habe ein genz kurze Lektüre für dich: https://css-tricks.com/snippets/css/a-guide-to-flexbox/
Ich habe ein Spielchen für dich: http://flexboxfroggy.com/
Viel Spaß!
Marc