Ich möchte meinen Text innerhalb der Flex-Elemente horizontal und vertikal zentrieren. Ich habe mich überall umgeschaut und viele Dinge ausprobiert, aber bisher scheint nichts zu funktionieren ...Mitte p vertikal und horizontal in Flex item
Könnte ich einen anderen Flexbox-Container in den vorhandenen einnisten?
html, body {
height: 100%;
margin: 0;
}
.flex-container {
height: 100%;
display: flex;
flex-direction: column;
}
.page1 {
flex-grow: 1;
min-height: 100%;
background: lightblue;
}
#text1 {
font-size: 160%;
color: white;
font-family: roboto, sans-serif;
}
.page2 {
flex-grow: 1;
min-height: 100%;
background: cyan;
}
.page3 {
flex-grow: 1;
min-height: 100%;
background: lightgreen;
}
.page3 {
flex-grow: 1;
min-height: 100%;
background: lightgreen;
}
<div class="flex-container">
<div class="page1">
<p id="text1">blabla bla blablabla.</p>
</div>
<div class="page2"></div>
<div class="page3"></div>
</div>
Ja, können Sie nisten flex-Container. http://stackoverflow.com/a/33049198/3597276 –