“Positionieren Sie absolute horizontal in der Mitte” Code-Antworten

Positionieren Sie absolute horizontal in der Mitte

/*if you want to align center on left attribute.
The same thing is for top alignment, you could use margin-top: (width/2 of your div), the concept is the same of left attribute.
It's important to set header element to position:relative.
try this:
*/
#logo {
    background:red;
    height:50px;
    position:absolute;
    width:50px;
    left:50%;
    margin-left:-25px;
}

/*If you would like to not use calculations you can do this:*/

#logo {
  background:red;
  width:50px;
  height:50px;
  position:absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}
Vivacious Vendace

Zentrum absolutes Element

.child {
    position: absolute;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */

    transform: translate(-50%, -50%); /* This is a shorthand of
                                         translateX(-50%) and translateY(-50%) */
}
Homeless Hornet

Ähnliche Antworten wie “Positionieren Sie absolute horizontal in der Mitte”

Fragen ähnlich wie “Positionieren Sie absolute horizontal in der Mitte”

Weitere verwandte Antworten zu “Positionieren Sie absolute horizontal in der Mitte” auf CSS

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen