Learn More
Resend Email
33
Infinita
9y

don't even start me on vertical-align

undefined

thinking outside of the box

css

awesome
Favorite
Ranter
Comments
  • 0
    9y
    .parent {
    position: relative;
    }
    .child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
  • 1
    9y
    Flexbox is pure love ♥
  • 0
    9y
    .parent parent{
    display whatever
    }
    .parent{
    display table
    }
    .child{
    display table cell
    vertical align middle
    }
  • 0
    9y
    @mito that doesn't work on every browser does it?
  • 0
    9y
    As a guy who has experienced this, I want that mug!
  • 1
    9y
    @craig939393 the only browers that has given me problems are IE 10 and below.
  • 1
    9y
    With flexbox it's 2 lines of css. Unless you need to support older browsers it's the way to go.
Related Rants
devRant © 2021 Hexical Labs LLC
Privacy Policy  |  Terms of Service
Add Comment