首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何将div浮动到中心位置?

如何将div浮动到中心位置?
EN

Stack Overflow用户
提问于 2011-02-13 11:36:05
回答 6查看 131.2K关注 0票数 20

我希望能够在页面中间居中放置div,但无法使其工作。我在css中尝试了float: center;,但似乎不起作用。

EN

回答 6

Stack Overflow用户

发布于 2011-02-13 11:37:18

css中没有float: center;。改为使用空白区:0 auto;。所以就像这样:

.mydivclass {
    margin: 0 auto;
 }
票数 31
EN

Stack Overflow用户

发布于 2011-02-13 11:41:01

您可以像这样内联完成它

<div style="margin:0px auto"></div>

或者你也可以通过类来实现

<div class="x"><div>

在css文件中或在<style></style>之间添加此.x{margin:0px auto}

或者,您可以简单地使用center标记

  <center>
    <div></div>
  </center>

或者如果你使用绝对位置,你可以这样做

.x{
   width: 140px;
   position: absolute;
   top: 0px;
   left: 50%;
   margin-left: -70px; /*half the size of width*/
}
票数 16
EN

Stack Overflow用户

发布于 2011-02-13 11:37:37

尝试使用margin: 0 auto,该div将需要一个修复。

票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4982280

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档