问题标签 [centering]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
5691 浏览

cocoa - 在屏幕上居中窗口

简短而甜蜜:如何告诉 Interface Builder 将窗口置于用户屏幕的中心?我已经在检查器上看到了定位工具,但目测并不总是像我喜欢的那样准确。这是我应该切换到 Xcode 并向initorawakeFromNib方法添加一些东西的地方吗?

0 投票
21 回答
728382 浏览

css - 居中位置:固定元素

我想制作一个position: fixed;以屏幕为中心的具有动态宽度和高度的弹出框。我用margin: 5% auto;这个。没有position: fixed;它,水平居中很好,但不是垂直居中。添加后position: fixed;,它甚至没有水平居中。

这是完整的集合:

如何使用 CSS 在屏幕中居中此框?

0 投票
3 回答
790 浏览

layout - 在容器中居中多个浮动 div

好的,这是我正在开发的网站的链接。http://danberinger.com/preview.html

我目前在它自己的 div (#messagebox) 中有消息,在它自己的 div (#picture) 中有图片。这两个 div 都向左浮动。我将它们放在一个名为#intro_container 的容器div 中。我想将这个包含 div 居中,但我遇到了麻烦。我尝试将边距设置为 0 和自动,但这不起作用。这一定是我尝试使用的不同级别 div 数量的某种问题....

任何帮助将不胜感激!

0 投票
2 回答
8478 浏览

jquery-ui - 垂直滚动后的jQueryUI对话框定位

我有以下 jqueryui 对话框:

当我显示它时:

它非常集中。但是当我垂直滚动时,它不再居中了。实际上,对话框仍然居中(关于用户设置的滚动条位置),但是滚动条已经滚动到窗口的顶部,然后,对话框不再居中(因为它以新的滚动条位置为中心)。

我可以设置一个属性,以便滚动条不会像这样在顶部重置吗?

谢谢。

0 投票
2 回答
211 浏览

css - 将图像缩小 57% 并在 css 结构中居中

嗨,我真的被困住了。我会一步一步来,希望能把它缩短。

这是html结构:

在我粘贴 css 类之前,一些关于要完成的确切目标的信息:

将图片 (img) 的大小调整 57%。如果不能用 css 完成,那么 jquery/javascript 解决方案。例如:原始图片为 240x240 像素,我需要将其大小调整 57%。这意味着调整大小后 400x400 的图片会更大。

调整大小后,图片需要在 a: 68x90 边界内垂直和水平居中。所以你有一个 LI 元素,它有一个 A 元素,在 A 里面我们有 IMG,IMG 被调整了 57% 并居中,最大宽度可以

当然是 68px 和最大高度 90px。不,我在 IMG 周围添加了一个 SPAN 元素。

这就是我的想法:

然后我会给出 span 元素:display:block 和 w=68px,h=90px。但不幸的是,这并没有奏效。

我知道这是一篇很长的帖子,但我已尽力将其描述得非常简单。下面是css类和一张图片,看看我需要什么。


}

}

这就是相关的。我没有包括以下类:名称、评论、箭头

现在是不完整的类,请参考 IMG。

}

边框只是临时用来显示实际的 picHolder。现在在 LI 的开头,设置了宽度和高度。

{
最大宽度:68px!重要;最大高度:90px!重要;这是应该将图片缩小 57% 并在 picHolder 中居中的类

在这里,我有一张描述我需要的图:

替代文字 http://lookpic.com/i/169/2U12JC16.jpeg

0 投票
4 回答
21380 浏览

html - Raphael js 文本定位:将文本居中在一个圆圈中

我正在使用 Raphael js 绘制带圆圈的数字。问题是每个数字都有不同的宽度/高度,因此使用一组坐标来使文本居中是行不通的。IE、FF 和 safari 之间的文本显示不同。有没有一种动态的方法来找到数字的高度/宽度并相应地居中?

这是我的测试页面:

http://jesserosenfield.com/fluid/test.html

和我的代码:

非常感谢!

0 投票
1 回答
180 浏览

javascript - 如何在这种脚本中居中图像?

我尝试了各种方法,

我不知道如何在不破坏脚本或重新编写脚本的情况下做到这一点。这是该页面的链接:http: //hem.bredband.net/noor/bildspelet.html

你需要点击左上角的编辑按钮,放2个图片的URL,取这些例如 http://barcelona.magicka-evropa.cz/images/fc-barcelona.jpg

http://tux.crystalxp.net/png/uttaresh-fc-barcelona-13276.png

你会注意到图片没有居中..我没有在示例中输入任何代码来居中..我该怎么做呢?

0 投票
2 回答
1190 浏览

jquery - 是否可以将图像在 div 内的两个轴上居中?

我有一个脚本,它在 div 中加载运行 jQuery Cycle Lite 插件的图像。

我得到提示,我可以使用该插件中的“之后”功能来在每次刷新图像时更改图片。所以我写了这个:

像这样构建的html:

这不起作用,怎么了?
(这应该使其水平居中,我需要将其垂直居中)..

编辑:
我有点让它工作了,但它仍然需要帮助,任何人都知道它为什么表现得很奇怪? http://hem.bredband.net/noor/bildspelet.html

感谢@pekka 的链接

0 投票
2 回答
9775 浏览

css - SharePoint 2010 页面上所有内容的中心和固定宽度,包括功能区

全部,

我正在尝试使 sharepoint 2010 网站的宽度在固定宽度内并在屏幕上居中。我希望它是 800 像素并居中。当我这样做时,它似乎开始工作,直到 Ribbion 酒吧的租客。

到目前为止,这是我的尝试:

0 投票
17 回答
416934 浏览

css - 如何垂直居中
在带有 CSS 的父元素内?

我正在尝试制作一个小的用户名和密码输入框。

我想问一下,你如何垂直对齐一个div?

我所拥有的是:

如何使具有 id Username 和 Form 的 div 垂直对齐到中心?我试着说:

在 id 为登录的 div 的 CSS 中,但它似乎不起作用。任何帮助,将不胜感激。