5066得票131回答
如何水平居中一个元素?

如何使用CSS将一个<div>水平居中于另一个<div>中?<div id="outer"> <div id="inner">Foo foo</div> </div>

1656得票48回答
如何使用CSS在所有浏览器中垂直居中一个div元素?

我想通过CSS将一个垂直居中。我不想使用表格或JavaScript,而只是纯CSS。我找到了一些解决方案,但它们都缺乏对Internet Explorer 6的支持。<body> <div>Div to be aligned vertically</div...

1229得票34回答
使用Twitter Bootstrap居中一列

如何在Twitter Bootstrap 3中将一个单列大小的div居中放置在容器(12列)内? .centered { background-color: red; } <!-- Latest compiled and minified CSS --> <link...

961得票31回答
如何将"position: absolute"元素居中

我在将一个具有属性position设置为absolute的元素居中方面遇到了问题。有人知道为什么图像没有居中吗? 我遇到了一个将具有position属性设置为absolute的元素居中的问题。请问,为什么图片不能居中呢? body { text-align: center; } ...

627得票30回答
如何在页面上水平垂直居中一个<div>元素?

如何在页面上水平和垂直居中一个 &lt;div&gt; 元素? 我知道使用 margin-left: auto; margin-right: auto; 可以水平居中,但是什么是同时实现垂直居中的最佳方法呢?

598得票24回答
居中一个position:fixed的元素

我希望制作一个 position: fixed; 弹出框,使其在屏幕中心,并具备动态的宽度和高度。我使用了 margin: 5% auto; 来实现这个目标。没有 position: fixed; 时,水平方向上居中正常,但垂直方向上不居中。加上 position: fixed; 后,水平方向...

544得票27回答
如何将元素水平垂直居中?

我正在尝试垂直居中我的选项卡内容,但是当我添加CSS样式display:inline-flex时,水平文本对齐就会消失。如何使得每个选项卡的文本既在x轴又在y轴上对齐? * { box-sizing: border-box; } #leftFrame { background-c...

404得票9回答
CSS Grid中的居中对齐

我正在尝试使用CSS Grid创建一个简单的页面。我失败的地方在于将HTML中的文本居中到相应的网格单元格。我尝试将内容放置在不同的div中,既在left_bg和right_bg选择器内部,也在外部,并修改一些CSS属性,但都没有成功。我该怎么做呢? html, body { m...

345得票13回答
当侧边项目宽度不同时,保持中间项目居中

想象以下的布局,其中点表示框之间的空间:[Left box]......[Center box]......[Right box] 当我移除右边的盒子时,我希望中间的盒子仍然保持在中心位置,就像这样:[Left box]......[Center box]....................

287得票13回答
如何在一个div中居中一个按钮?

我有一个宽度为100%的 div。我想在其中居中放置一个按钮,应该如何做到这一点? &lt;div style="width:100%; height:100%; border: 1px solid"&gt; &lt;button type="button"&gt;hello&lt...