• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] CSS zickt rum: Keine Nebeneinanderanordnung mit Zentrierung

Status
Für weitere Antworten geschlossen.

Dexter1997

Neues Mitglied
Hallo Freunde der Sonne, ich will div-elemente nebeneinander anordnen. Das funktioniert mit float: left in der css-Datei. Allerdings will ich das zeugnicht links oder rechts haben, sondern in der mitte. sowas wie float:center gibt es aber nicht. Wie kriege ich das hin, daß die elemnte nebeneinander, aber mittig vom bildschirm ausgerichtet sind? ich bin am verzweifeln, bitte helft mir
 
Werbung:
Danke, aber bitte etwas ausführlicher
habe folgendes ausprobiert:
flex-direction: column;
display: flex;
nichts davon hat funktioniert, fehlermeldung: unknown property name
 
Werbung:
Hallo Freunde der Sonne, ich will div-elemente nebeneinander anordnen. Das funktioniert mit float: left in der css-Datei. Allerdings will ich das zeugnicht links oder rechts haben, sondern in der mitte. sowas wie float:center gibt es aber nicht. Wie kriege ich das hin, daß die elemnte nebeneinander, aber mittig vom bildschirm ausgerichtet sind? ich bin am verzweifeln, bitte helft mir

Entweder per Flexbox (https://css-tricks.com/snippets/css/a-guide-to-flexbox/) oder display:inline-block in Verbindung mit text-align:center;

Update:
Danke, aber bitte etwas ausführlicher
habe folgendes ausprobiert:
flex-direction: column;
display: flex;
nichts davon hat funktioniert, fehlermeldung: unknown property name

Das ist ein Javascript Fehler...
Code:
.parent {
    display: flex;
    align-content:flex-start;
    justify-content: center;
    flex-wrap:wrap;
}
.child {
   flex: 0 0 auto;
}
 
Ich habe nun folgendes ausprobiert

.pictureButton {
padding: 20px;
display:inline-block;
text-align:center;
}

Die Elemente werden nun nebeneinander, aber immer noch linksbündig dargestellt :(
 
Werbung:
Status
Für weitere Antworten geschlossen.
Zurück
Oben