diedVIPs

html knowhow

Ausrichtung












Ausrichtung  
align Abstände und Ausrichtung von Flexbox-Elementen auf der Y-Achse
  • flex-start
  • flex-end
  • center
  • space-between
  • space-around
  • stretch
 
vertical-align Vertikale Ausrichtung
  • <percentage>
  • <length>
  • baseline
  • sub
  • super
  • top
  • text-top
  • middle
  • bottom
  • text-bottom
  • auto(CSS 3)
  • use-script(CSS 3)
  • central(CSS 3)
  • inherit
 
top Positionierung von oben
  • <length>
  • <percentage>
  • auto
  • inherit
 
bottom Positionierung von unten
  • <length>
  • <percentage>
  • auto
  • inherit
 
right Positionierung von rechts
  • <length>
  • <percentage>
  • auto
  • inherit
 
left Positionierung von links
  • <length>
  • <percentage>
  • auto
  • inherit
 
float float wird verwendet, um Inhalte zu positionieren und zu formatieren. Normalerweise werden div-Elemente übereinander angezeigt.
Wenn wir jedoch float: left verwenden können wir Elemente nebeneinander schweben lassen
  • left
  • right
  • none
  • inherit
img {float: right;}
div {float: left;padding: 15px;}
.img-container {float: left; width: 33.33%; padding: 5px;}

width Breite
  • <length>
  • <percentage>
  • auto
  • inherit
 
height Höhe
  • <length>
  • <percentage>
  • auto
 







Kontakt    Datenschutz   Impressum