“Centrum wyrównania bloku inline” Kod odpowiedzi

Centrum wyrównania bloku inline

.parent {
  display: flex;
  justify-content: center;
  align-items: center;
}

.child {
  display: inline-block;
}
Selfish Swan

Jak wyśrodkować element blokowy wbudowanego

  display: inline-block;
  position: relative;
  /* Move the element to the right by 50% of the container's width */
  left: 50%; 
  /* Calculates 50% of the element's width, and moves it by that */ 
  /* amount across the X-axis to the left */
  transform: translateX(-50%);
Depressed Dove

Odpowiedzi podobne do “Centrum wyrównania bloku inline”

Pytania podobne do “Centrum wyrównania bloku inline”

Więcej pokrewnych odpowiedzi na “Centrum wyrównania bloku inline” w CSS

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu