“Center a div” Kod odpowiedzi

Center a div css

.center {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
Puzzled Penguin

środek z CSS

.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
You'veYeedYourLastHaw

Center a div

.container{
	margin: 0 auto;
    display: flex;
    align-items: center;
}
Successful Skimmer

Center a div

/* Assume the div has a class of "center"
   The below would center it horizontally
*/
.center {
	margin-left: auto;
    margin-right: auto; 
}

/* There is a shorthand and it is given below */
.center {
	margin: 0 auto; 
}
Wissam

Center a div

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

Center a div

.parent {
	justify-content : center;
    align-items : center;
}
Fair Fowl

Odpowiedzi podobne do “Center a div”

Pytania podobne do “Center a div”

Więcej pokrewnych odpowiedzi na “Center a div” w CSS

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

Przeglądaj inne języki kodu