align-items (proprietà CSS) specifica l’allineamento degli elementi all’interno di un contenitore “flessibile”.
Sintassi
align-items: baseline|center|flex-end|flex-start|
initial|inherit|stretch (default);
| valore | descrizione |
|---|---|
| XXX | XXX |
Esempi
<style>
#contenitore {
align-items: center;
display: flex;
border: 1px solid black;
width: 600px;
height: 300px;
}
.contenuto {
flex: 1;
background-color: yellow;
border: 1px solid black;
}
</style>
<div id="contenitore">
<div class="contenuto">Contenuto1</div>
<div class="contenuto">Contenuto2</div>
<div class="contenuto">Contenuto3</div>
</div>
Contenuto1
Contenuto2
Contenuto3
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment