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％为我工作..所以我可以把它带到百分比的任何地方！< / p>

Answer 5

为DIV指定百分比或像素的特定值，并使用CSS margin属性将其居中。

<强> HTML

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

<强> CSS

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

享受：）

Answer 6

如果由于某种原因你在div上有绝对位置，请执行以下操作：

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

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

Answer 7

简单的解决方案：

<style>
.center {
    margin: auto;

}
</style>

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