[CSS] [proprietà] align-items

Ago 04, 2017 0 Comment By Juri Rudi

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

Fonti esterne

css, proprietà css

Related Articles

0 Comment

Rispondi