“cara memusatkan div secara vertikal dan horizontal” Kode Jawaban

tengah div secara horizontal dan vertikal

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

CSS Center secara vertikal dan horizontal

body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
/* to make "align-items: center" work: use "min-height: 100vh;"
100vh = 100% Viewport Height */
Horrible Hamerkop

CSS Center secara horizontal dan vertikal

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

Pusat Align Div secara vertikal dan horizontal CSS

.parent{
	display: flex;
    justify-content: center;
  	align-items: center;
}
/* Child elements will be perfectly centered automatically */
Glorious Gnat

Pusat apapun secara horizontal dan vertikal di CSS

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

cara memusatkan div secara vertikal dan horizontal

.container{	
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  	width: /* Define the width here; */
    height: /* Define the height here; */
}

/*You have to define the width and height! */
Cheerful Chimpanzee

Jawaban yang mirip dengan “cara memusatkan div secara vertikal dan horizontal”

Pertanyaan yang mirip dengan “cara memusatkan div secara vertikal dan horizontal”

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya