我如何将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*/
}

`<center>`已被弃用.其他人都是对的. (8认同)
请不要提及CENTER元素.它已被弃用超过10年. (4认同)
@alex:**教导*弃用,不良做法*确实有害.您的部分答案就是这样,因此您应该删除该部分.这就是我所说的. (4认同)
@sime,这不是重点,谷歌足以证明是网络上排名第一的网站. (3认同)
@alex:Google主页*专门设计*以获取绝对最小字节数; 当然,自成立以来它变得更加复杂.原因是他们的主页每秒被观看数十亿次,甚至1字节的代码大小减少也增加了带宽.无论如何,我完全赞同@Šime - 你不应该**建议在这里使用`<center>`标签 - 这只是一个糟糕的建议,简单明了 - 一方面它破坏了HTML的分离(用于内容)和CSS(用于布局).你应该从你的答案中编辑它. (3认同)
@Šime您是否知道Google仍然将其与字体标签一起使用.在谷歌页面上查看来源,你会看到. (2认同)

Answer 3

试试margin: 0 auto,div需要一个固定的.

Answer 4

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

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

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