问题标签 [center]

我在 div 标签内定位 Flash 元素时遇到问题。问题是，flash 元素正在根据用户输入改变它的大小。我需要一种方法来动态获取 Flash 元素的实际大小，并更改集成 Flash 的 div 元素的行为。实际上我想将它放在 div 的中间。

现在我给了 flash 元素的宽度和高度为 100%，但是这样我就不能在 div 内居中元素......

有什么解决办法吗？我可能需要 javascript 对吗？我是 javascript 的新手！

前知

当用户单击我网站上的按钮时，我想DIV在浏览器的中心显示在网站上所有其他内容的上方。我已经创建了DIV，甚至已经弄清楚了可见/隐藏的东西。覆盖和居中部分是我无法理解的。

我有一个固定在视口底部的页脚。我正在使用 jQuery toggle 打开评论卡，供用户评论和提交：

自然，如果我不向#comment-card 添加任何 CSS 选择器，它会显示在页脚下方，并且看不见。

所以我添加了：{position:absolute; bottom:30px; left:auto;} 30px，所以它显示在 30px 高的页脚上方。

问题是，我不能让它在视口中居中......如果我使用像素，取决于分辨率，它要么太左要么太右......我如何在视口中居中？

如果我有一个固定大小的容器 div 和一个未知大小的图像，我如何水平和垂直居中它？

• 使用纯 CSS
• 如果 css 做不到，则使用 JQuery

这个答案对固定宽度的图像有意义，但对可变图像没有意义。

类似这种结构的东西（我想到的项目渲染器类似于列表中的这些，但左侧的图像并不总是相同的大小：

谢谢您的帮助！

所以我有这个模板设计，目前是绝对定位的，但我试图让它在任何宽屏浏览器中居中。我尝试在容器的左侧和右侧设置宽度自动，但它仍然与左侧对齐。

CSS

html

如果我所有的 div 类都没有绝对定位，我知道我创建的容器可以工作。我必须改变位置还是我犯了另一个错误？

是否可以垂直分割 2 个图像并且在调整浏览器大小时，它不会重叠但保持垂直居中？

左侧图像可以保持固定，因此右侧不会被切断（重叠）

这就是我现在所拥有的，但是当将浏览器调整得更小时，它会将左侧图像推到右侧下方。而是让图像在外侧被切断，并且在中间永远不会相互重叠，有意义吗？

即使调整浏览器大小，我也想在页面中垂直和水平居中图像。

目前，我使用这个 CSS：

这个HTML：

它以 FF 为中心，但不在 IE 中（图像中心位于左上角）。有任何想法吗？

-机器人

Perhaps I haven't been searching the right way but I cannot figure out for the life of me how to center an element using GWT Layout Panels.

I'm using UiBinder and I've tried all panels that implement HasVerticalAlignment (DockPanel, HorizontalPanel, VerticalPanel). None of them seem to have any impact from setting vertical alignment (or even horizontal). I've made sure they're taking 100% width and height, inspected the resulting DOM layout from my browser and nothing seems to be changed from those properties.

Pertinent UiBinder extract (with extra docklayout elements omitted):

The quick and dirty fix I've figured out is to create my own "CenterPanel" widget which basically is a wrapper around a HTMLPanel with a HTML table with a valign="middle" cell. However, this basically feels like a throwback to the classical css-layout middle centering problems. Surely GWT has something to do this that I've completely overlooked?

平台：

• .NET 3.5 与 C#
• WPF
• 3D工具

我正在使用 Codeplex 站点 ( 3D Tools ) 中的 3DTools 来旋转和平移 3D 模型。这工作正常。Trackball 类还包含一个使用鼠标滚轮缩放模型的方法。但是，此方法始终以 Point(0,0,0) 作为缩放中心来缩放模型。但我想缩放到鼠标指针的坐标（比如谷歌地图，在这里你不是缩放到地图的中心，而是缩放到鼠标指针的坐标）。

我尝试了不同的方法来解决这个问题：

• 将Trackball 类的 ScaleTransform3D 对象的CenterX/Y/Z设置为鼠标指针坐标 -> 它不起作用
• 缩放后平移模型-> 也不起作用；因为鼠标指针的坐标没有改变，所以我无法计算平移距离，例如
  • MousePointer 缩放前的坐标 -> 334, 210
  • 从 Trackball 类调用 Zoom(-e.Delta)
  • MousePointer 缩放后的坐标 -> 334, 210
  • 如果 MousePointer 坐标发生变化，例如 330、205，我可以将模型向左平移 4 个点，向上平移 5 个点（我的程序也有 2D 模式，并且坐标会发生变化）
• 移动相机位置-> 不起作用；基于当前相机位置和 MouseWheelEventArgs.Delta 我计算了新的相机位置

有人知道如何解决这个问题吗？

我使用outputPanel.setLayout(new BoxLayout(outputPanel, BoxLayout.Y_AXIS));然后将元素（例如 JLabels、JButtons）添加到outputPanel. 例如：outputPanel.add(submitButton);。

我看到所有添加的元素都是“居中”的。这很好，因为我确实希望我的元素位于中心。当我写“中心”时，我的意思是“左右距离相等”。但问题是元素的左侧部分被放入了中心。我希望将元素的中心放入中心。我怎样才能得到这种行为？