Подтвердить что ты не робот

Как плавать div в центр?

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

4b9b3361

Ответ 1

Нет float: center; в css. Использовать маржу: 0 auto; вместо. Так вот так:

.mydivclass {
    margin: 0 auto;
 }

Ответ 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*/
}

Ответ 3

Попробуйте margin: 0 auto, div потребуется фиксированный с.

Ответ 4

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

Ответ 5

Дайте DIV конкретным в процентах или пикселях и центрируйте его с помощью свойства поля CSS.

HTML

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

CSS

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

наслаждайтесь:)

Ответ 6

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

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

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

Ответ 7

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

<style>
.center {
    margin: auto;

}
</style>

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

Попробовать онлайн