How to place text in the center of a parent element?

sunmingtao / sample-code

3 stars 4 forks source link

Closed sunmingtao closed 4 years ago

sunmingtao commented 4 years ago

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

How to comprehend the minus percentage in translate function?

When using percentage in translate, it refers to width or height of itself.