问题标签 [centering]

我的 div (#box) 居中在浏览器窗口的中间，这对于 600px 垂直或更高的浏览器来说是非常棒的。如果窗口小于该窗口，则 div 顶部的内容会被剪掉，滚动条只会向上滚动页面（当我向下拉滚动条时），因此无法看到隐藏在顶部边缘上方的任何内容即使滚动条位于其最顶部位置，窗口也是如此。

这是我将 div 居中的方式——您可以看到为什么 div 的顶部在较小的浏览器窗口中被截断。

（即使在最宽的屏幕上也能容纳动画，它真的很宽——宽度不是问题。）

这是一个要查看的页面：http: //ianmartinphotography.com/test-site/
我的 CSS：http: //ianmartinphotography.com/test-site/css/basic.css

这很容易在我的 CSS 样式表中修复，但对于大于 600 像素的显示器和小于 600 像素的显示器，我似乎无法同时使用它。

那么，如何检测浏览器窗口大小，然后选择两个不同的 CSS 样式表之一？一个用于小窗户，另一个用于大窗户？是否有一个 jquery 脚本可以为我执行此操作？

或者，是否有另一种方法可以使用 CSS 使我的 div 居中在浏览器窗口的中间，这将允许滚动，以便可以在较小的浏览器窗口上访问 div 的顶部？

谢谢你的想法！

我试图在已知高度的 div 中垂直居中未知高度的文本。我已经尝试了 cssdisplay: table-cell选项，但它没有用，所以我使用 jQuery 来检测高度，然后在必要时应用上边距以完成居中 - 当需要调整某些东西时，它可以工作，但随后无法重新调整它以使其上边距为零。

这是我的功能：

变量trendMargin 始终为零或十二。如果它是零，最初，一切都设置正确。然后如果是 12，它会适当地设置上边距。但是，当我到达 marginTop 为零的下一个项目时，它不会将事物弹回原来的位置。我怎样才能垂直对齐这些东西？看起来垂直居中真的不应该这么难......

您可以在http://led.dlugosz.com/查看该页面。^※ 我想让“画廊”部分在可用空间中居中，而不是向左对齐。</sup>

所以，我添加了规则

它似乎工作得恰到好处。但是，当我在另一个页面上做同样的事情时，它根本不起作用，我找不到任何区别。然后，再玩弄这个页面，我发现在不同的窗口宽度下它可以工作，不工作，或者做一些非常奇怪的事情。这里发生了什么？更重要的是，我怎样才能实现这种效果？

※我更新了页面并最终将其删除。

我目前有一个固定宽度为 900 像素的 div。
我想添加一个固定宽度为 950px 的子 iframe，我希望它与中心完美对齐。
怎么可能呢？

谢谢。

我有：我有几个网页都有这个大纲：

使用 CSS：

问题：所有页面都很短，因此没有显示滚动条，但一页较长，因此出现了右侧的垂直滚动条。这第二页导致容器稍微移动（向左）。

据我了解，一个常见的解决方案是让滚动条出现在所有页面上，但我真的想避免这种情况，因为它只是众多页面中的一页。

问题：有没有办法避免移动容器，同时保持它居中而不使滚动条出现在所有页面上？

我试图让两个元素并排放置在 div 或其他元素内，因此这两个元素始终位于页面的中心。

这是问题...我不能使用任何固定宽度，它是由 javascript 动态生成的。从阅读其他帖子看来，如果没有固定宽度，这是不可能的，但我想看看是否有人有任何其他想法来实现相同的结果。

HTML：

CSS：

我似乎无法让我的 UL 在其 DIV 中居中。

我有以下CSS：

我确定这很简单，但我似乎无法正确组合。

天哪，真的，我以前来过这里一千次。我要摘录这个答案。我无法相信做这么简单的事情有多难。

我需要包装器成为浏览器的死点。文本的长度或 div 的数量无关紧要。这到底是怎么做到的？！我在这里吓坏了。我在 CSS 方面并没有那么差。谷歌搜索这会出现 2005 年的论坛帖子。或者找到答案是因为指定了宽度，所以这只是作弊。

头发被拔掉了！

我不会把我的 CSS 放在这里，因为它只是不工作，没有意义。

谢谢。

我有这个 javascriptspan在 a 中居中div：

我不断收到该对象没有方法 css 的错误。知道有什么问题吗？

所有的 HTML 和 CSS 都在这个小提琴中（我在那里遇到了完全相同的错误：http: //jsfiddle.net/chromedude/s6WQD/

在此示例中，图像未居中。为什么？我的浏览器是 Windows 7 上的 Google Chrome v10，而不是 IE。