当前位置: 首页 > 面试题库 >

在CSS中将div居中

史高阳
2023-03-14
问题内容

我试图在此页面上将新闻滑块(位于div底部容器中)居中:

http://www.luukratief-
design.nl/dump/parallax/index.html

我已经有了 text-align: center;

仍然不起作用。

有什么建议么?


问题答案:

text-align: center;仅中心元素的 在线内容 ,而不是元素本身。

如果它是一个 块_元素(一个div是),则需要设置margin: 0auto;;否则,如果它是一个[ _内联_元素],则需要text-align:center;在 _其父 元素上设置。

margin: 0auto;将设置上下页边距来0,左,右边距为auto(大小相同的),因此它自动将自身置于中心。这仅在所讨论的块元素具有已知width(固定或相对)的情况下才有效,否则它无法确定从何处开始和结束。



 类似资料:
  • 问题内容: 我正在测试像Windows Metro风格的中心分隔线。如果您检查以下代码: 灰色框为70%,在屏幕上居中,这是正确的,但是当我将窗口加宽并且绿色分隔线在移动时,您会看到绿色框在某些点上没有居中。 我已经整天在搜索这个了 如何帮助我呢? 问题答案: 我之前的答案显示了一种坦率地说已经过时的方法(它仍然有效,只有更好的方法可以实现此目的)。因此,我正在对其进行更新,以包括一个更现代的fl

  • 我想要中心的div水平与一个选项滚动使用CSS。我怎样才能做到呢?我看到了一个解决方案使用边距自动和最大宽度,但div将被削减,所以我没有这样做。 null null

  • 问题内容: 我知道这个问题存在一百万次,但是我找不到解决方案。我有一个div,它应该固定在屏幕上,即使滚动页面,它也应该始终保持在屏幕中间! 对于所有浏览器尺寸,div应该具有宽度,应该远离顶部(页边距),应该在页面中间水平居中,并且在滚动其余页面时不应移动。 那可能吗? 问题答案:

  • 问题内容: 我弹出一个包含ASP.NET表单的弹出窗口,单击链接“请求信息”,然后出现该表单。 但是,具有链接“请求信息”以触发弹出窗口的页面包含很多内容,因此需要滚动才能看到该链接。 如果用户滚动阅读内容,则需要始终居中,否则,如果他们不滚动,弹出窗口仍将居中显示在屏幕上。 在绝对定位,整个页面宽度与边距设置为。 问题答案: 如果div具有固定的宽度和高度,请使用:(如果width = 120p

  • 问题内容: 是否可以将div垂直居中放置在%高度div中? 问题答案: 在这里以及在整个Internet上,已经被要求足够多次了。快速搜索将为您带来大量结果。无论如何,我这样做的首选方式是使用和。有关示例,请参见此页面。(请注意,这不适用于IE6。)

  • 问题内容: 我有一个宽度为100%的div。 我想将按钮居中放置,该怎么办? 问题答案: 更新的答案 由于我注意到这是一个积极的答案,所以进行了更新,但是Flexbox现在是正确的方法。 现场演示 垂直和水平对齐。 只是水平的(只要主伸缩轴是水平的,这是默认值) 使用固定宽度且没有flexbox的原始答案 如果原始海报想要垂直和居中对齐,则对于固定按钮的宽度和高度非常容易,请尝试以下操作 CSS