align-self (proprietà CSS) specifica l’allineamento per l’elemento selezionato all’interno del contenitore flessibile.
Sintassi
align-self: center|flex-end|flex-start|
initial|inherit|space-around|
space-between|stretch;
| valore | descrizione |
|---|---|
| XXX | XXX |
Esempi
<style>
#contenitore {
align-items: flex-start;
display: flex;
flex-wrap: wrap;
border: 1px solid black;
width: 100%;
height: 300px;
}
#contenuto2 {
align-self: center;
}
#contenuto3 {
align-self: flex-end;
}
#contenitore div {
background-color: yellow;
border: 1px solid black;
width: 33%;
height: 100px;
}
</style>
<div id="contenitore">
<div>Contenuto1</div>
<div id="contenuto2">Contenuto2</div>
<div id="contenuto3">Contenuto3</div>
</div>
Contenuto1
Contenuto2
Contenuto3
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment