“CSS Center secara horizontal dan vertikal” 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

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

Div Pusat Align Vertikal dan Horizontal

.center {
  height: 200px;
  position: relative;
  border: 3px solid green;
}

.center p {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
Keerthan Chand

Jawaban yang mirip dengan “CSS Center secara horizontal dan vertikal”

Pertanyaan yang mirip dengan “CSS Center secara horizontal dan vertikal”

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya