“позиционировать абсолютный горизонтальный центр” Ответ

позиционировать абсолютный горизонтальный центр

/*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

Центр абсолютный элемент

.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

Ответы похожие на “позиционировать абсолютный горизонтальный центр”

Вопросы похожие на “позиционировать абсолютный горизонтальный центр”

Больше похожих ответов на “позиционировать абсолютный горизонтальный центр” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования