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

Question

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

Answer 1

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

.mydivclass {
    margin: 0 auto;
 }

Answer 2

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

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

Answer 3

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

Answer 4

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

Answer 5

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

HTML

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

CSS

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

наслаждайся:)

Answer 6

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

<style>
.center {
    margin: auto;

}
</style>

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

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

Answer 7

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

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

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