Tag: 中心

使用jQuery的可变宽度的中心对象: 需要将宽度根据浏览器窗口更改的对象居中。通常我会使用css，其顶部和左侧位置设置为50％，负边距等于宽度和高度的一半，但显然不能满足此需求。我以为我的jQueryfunction会起作用……但没有bueno。我错过了CSS中的东西吗？谢谢！ http://jsfiddle.net/danielredwood/EbkLg/2/ 这是CSS #t { width:25%; height:25%; background:red; } JavaScript的 $(window).resize(function(){ resizenow(); }); function resizenow() { var browserwidth = $(window).width(); var browserheight = $(window).height(); $(‘#t’).css(‘left’, (browserwidth – $(this).width())/2).css(‘top’, (browserheight – $(this).height())/2); });

如何使用jQuery将DIV置于页面的确切中心？: 我需要使用jquery将DIV置于页面的正中心。我对DIV的CSS样式如下： #page-content #center-box{ position:absolute; width:400px; height:500px; background:#C0C0C0; border:1px solid #000; } 我的jQuery用于居中如下： windowheight = $(window).height(); windowwidth = $(window).width(); pagecenterW = windowwidth/2; pagecenterH = windowheight/2; $(“div#page-content div#center-box”) .css({top: pagecenterH-250 + ‘px’, left: pagecenterW-200 + ‘px’}); 刷新时，此代码不会在我的页面上调用任何操作。我究竟做错了什么？

从父级的绝对中心缩放内联图像？: 我知道这是另一个集中问题，但我认为这与StackOverflow上的任何其他问题不同。在有人说是的之前，我已经找到了一个解决方案，但一无所获。为了更好地理解我的观点，我嘲笑了一个图像，让你知道我想要我的图像做什么： http ： //cl.ly/1q143w1P2p19322s2L0s 问题我有一个流畅的，完整的浏览器宽度布局。对于这个问题并更好地解释它我的图像设置为400％宽度（自动计算高度以保持其纵横比）。因此，图像将填满整个屏幕（以及更多）。我尝试的每个方法都使图像从容器的父/包装器的左上角开始缩放，因此图像的左上角始终在视图中，但我不希望这种情况发生。相反，当您调整浏览器大小时，我希望我的图像的确切中心始终在视图中。无论浏览器窗口的高度或宽度如何。我希望一切都有道理，很难解释。到目前为止，我已经尝试过纯CSS解决方案但到目前为止没有运气。 jQuery可以帮助我吗？ – 我尝试过这种技术（http://css-tricks.com/centering-in-the-unknown/），但图像从图像的左上角开始缩放，这不是我想要的。

均匀间隔和对齐的水平列表菜单: 我搜索并找不到为列表样式菜单分隔出一系列lis的解决方案。我意识到单靠CSS无法做到这一点所以我添加了一些javascript（jQuery）。我不希望每个LI的宽度相同，我甚至想要填充没有剩余的空间。如果有人可以采取这个概念并简化我糟糕的javascript或提供替代品，请这样做。请参见此处的示例： http ： //www.valweb.com/menuTest/

JavaScript缩放图像和中心可视区域: 我正在尝试在单击按钮时创建可缩放图像，但是图像应该在可视区域上居中放大，因为图像可能比容器大。我在这里创建了一个小提琴来说明我想要的东西，我显然通常会将图像隐藏在容器外面，我现在不会对这个部分感到困扰，也会放入边框覆盖以显示容器的边界。我已根据图像比例完成了缩放部分，我只需要计算出新的顶部和左侧css值，并在缩放后将其应用于图像。此外，图像也可以拖动，因此一旦移动图像，就必须考虑图像的位置。基本上，红色容器内图像的中心点必须在缩放后保持不变，因此您可以有效地放大容器中间的任何内容。 http://jsfiddle.net/wFaFg/1/ why do you we need code to link to jsfiddle? 谢谢编辑： http://jsfiddle.net/FU55w/ 与上面的小提琴接近，但仍然没有完全放大中心点

滚动到视口中心: 我想通过点击它来居中一个div 。因此，如果我点击div我希望它滚动到浏览器视口的中心。我不想像我看到的指南和例子那样使用锚点。我怎样才能做到这一点？

如何找到元素的x中心坐标和相关的窗口偏移量: 我想从他自己的x中心坐标开始检索元素偏移量。我该怎么做？实际上我可以找到元素的窗口偏移量，但它从元素的边框检索坐标，如下所示： var _position = $(this).offset();

将图像垂直居中在div中: 我有这个代码用于在一堆div中垂直居中图像。 function centerImages(parent, image) { var parent_height = $(image).parent().height(); var image_height = $(image).height(); var top_margin = (parent_height – image_height)/2; $(image).css( ‘margin-top’ , top_margin); } centerImages(“.clients li”, “.clients li img”); ..但它似乎不起作用。

使用中心插件的jQuery中心元素到视口: 我目前正在使用jQuery中心插件来集中我的div元素，到目前为止，它的工作范围是将它集中到包含的父容器。我想要它做的是将它居中到当前的浏览器视口中心。怎么办？单击时，我的设置是一个简单的链接，一个div将像我想要居中的模式一样弹出到当前浏览器视口中心。

jQuery – Dialog自动调整动态内容大小并保持中心位置: 我有一个jQuery对话框，我正在使用Ajax加载内容。 Dialog最初位于页面的中心。这里的问题是，由于它是动态内容，因此数据的大小是未知的。因此，当我获得大数据时，对话框仅在底部增长，即对话框在底部展开，顶部仍处于相同位置。我想要的是加载数据时，对话框应在方向（顶部和底部）上展开，以便内容在不滚动的情况下可见。