it-swarm-ru.tech

Как мне перевести div в центр?

Я хочу иметь возможность центрировать div в середине страницы, но не могу заставить его работать. Я пытался плавать: центр; в CSS, но это не похоже на работу.

18
Eli Reznekervitz

Поплавка нет: центр; в ксс. Использовать маржу: 0 авто; вместо. Ну вот так: 

.mydivclass {
    margin: 0 auto;
 }
30
Drew Bartlett

Вы можете сделать это встроенным, как это

<div style="margin:0px auto"></div>

или вы можете сделать это через класс

<div class="x"><div>

в вашем файле CSS или между <style></style> добавить этот .x{margin:0px auto}

или вы можете просто использовать тег центра

  <center>
    <div></div>
  </center>

или если вы используете абсолютную позицию, вы можете сделать

.x{
   width: 140px;
   position: absolute;
   top: 0px;
   left: 50%;
   margin-left: -70px; /*half the size of width*/
}
14
Hussein

Попробуйте margin: 0 auto, div нужно исправить с помощью.

6
Elbert Alias

если вы используете width и height, вы должны попробовать margin-right: 45%;... это на 100% работает для меня ... так что я могу взять его в любом месте с процентами!

3
Stanley Amos

Задайте для DIV определенное значение в процентах или пикселях и отцентрируйте его, используя свойство CSS margin.

HTML

<div id="my-main-div"></div>

CSS

#my-main-div { margin: 0 auto; }

наслаждаться :)

1
iAnuj

Если по какой-то причине у вас есть абсолютная позиция на div, сделайте это:

<div class="something"></div>

.something {
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}
0
SimeriaIonut

Простое решение:

<style>
.center {
    margin: auto;

}
</style>

<div class="center">
    <p> somthing goes here </p>
</div>

Попробуйте онлайн

0
Indra