Я хочу иметь возможность центрировать div в середине страницы, но не может заставить его работать. Я попробовал float: center; в css, но он не работает.
Как плавать div в центр?
Ответ 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>