Flexbox je nástroj pro tvorbu pružných a responzivních layoutů na webu. Týká se pružných prvků layoutu. Hlavní předností flexboxu je schopnost vyplňovat zbylý prostor.
< div class="container" >
< div class="item" >První položka< /div >
< div class="item" >Druhá položka< /div >
< div class="item" >Třetí položka< /div > < /div >
.container {
display: flex;
justify-content: space-between;
align-items: center;
}
.item {
flex: 1;
padding: 10px;
background-color: #f0f0f0;
border: 1px solid #ccc;
}
Výsledek: