Tag: 居中

为不同的浏览器窗口大小选择不同的CSS样式表？

我的div（#box）位于浏览器窗口的中间位置，对于600px垂直或更高的浏览器来说，它很常见。 如果窗口小于该窗口，则div顶部的内容会被剪掉，滚动条仅向上滚动页面（当我向下拉动滚动条时），因此无法看到隐藏在顶部边缘上方的任何内容。即使滚动条位于其最顶部位置，窗口也是如此。 以下是我将div放在中心的方法 – 你可以看到为什么div的顶部会在较小的浏览器窗口中被切断。 {position: absolute; top: 50%; left: 50%; width: 1930px; height: 607px; margin-left: -965px; margin-top: -302px;} （即使在最宽的屏幕上也可以容纳动画 – 宽度不是问题。） 这是一个要查看的页面： http ： //ianmartinphotography.com/test-site/ 我的CSS： http ： //ianmartinphotography.com/test-site/css/basic.css 这很容易在我的CSS样式表中修复，但似乎我不能同时使用大于600px的监视器和小于600px的监视器。 那么，如何检测浏览器窗口大小，然后选择两种不同的CSS样式表中的一种？ 一个用于小窗户，另一个用于较大的窗户？ 是否有一个jquery脚本可以为我做这个？ 或者，是否有另一种方法可以让我的div中心位于浏览器窗口的中间，使用CSS可以滚动，以便在较小的浏览器窗口上访问div的顶部？ 谢谢你的想法！

jQuery同位素居中

可能重复： 如何在DIV中居DIV？ 请看下面的图片： 如何使灰色方块在红色容器div内水平居中？ 这都是用同位素制成的，所以请记住这一点。 提前致谢。 即使父（红色）div总是在中间对齐，灰色，较小的div也不是。 在顶部图像中，当它们在一列中对齐时，该列应位于包装器（红色）div的正中间。

将div定位到可见区域的中心

我正在为邮件列表注册制作灯箱式弹出窗口，但我希望弹出窗口位于可见页面的中心，而不仅仅是整个文档的中心; 如果用户滚动到页面底部并单击以进行注册，我希望它显示在屏幕的中央。 我假设jQuery / JS将是最好的方法; 这是我当前的CSS代码，它运行得相当好，但div需要动态地推入可见空间以用于较小的屏幕。 .my-div{ width:960px; height:540px; position:absolute; top:50%; left:50%; margin-left:-480px; margin-top:-270px; z-index:60; display:none; }