问题标签 [centering]

我想制作以下内容：

其中'x'的块是图像，'a'、'b'、'1'和'2'是文本。

到目前为止，这是我的两次尝试：

产生：

和

产生：

我正在使用 extjs，只是想解决一个简单的问题：我有一个固定宽度的表单。我想把这个表格放在一个普通的 Ext.Panel 中。我正在尝试通过“css-way”来实现这一点 - 将左右边距设置为“auto”。

但这不起作用，似乎只是忽略了边距。

编码：

关于居中的问题和答案并不缺乏，但考虑到我的具体情况，我无法让它发挥作用，这涉及到浮动。

我想将包含三个浮动输入元素（拆分按钮、文本、复选框）的容器 DIV 居中，这样当我的页面被调整得更宽时，它们会从这里开始：

对此

它们漂浮得很好，但是当页面变宽时，它们会停留在左侧：

如果我删除浮动，以便输入元素堆叠而不是并排：

然后在调整页面大小时它们会正确居中。因此，将浮动应用于容器内的 DIV#hbox 的元素会打乱居中。 由于浮动的设计方式，我想做的事情是不可能的吗？

这是我的 DOCTYPE，标记确实在 w3c 验证：

这是我的标记：

这是（不工作的）CSS：

我还尝试将display: inline-block应用于浮动按钮、文本输入和复选框；即使我认为它仅适用于文本，我也尝试将white-space: nowrap应用于 #term1-container DIV，基于我在 SO 上看到的帖子。

为了更完整一点，这里是创建拆分按钮的 jQuery：

我正在尝试将 div 的内容居中，以便在 IE 5、6、7 和 8 以及 FF 中显示正确。

我的 CSS 很简单：

正如预期的那样，这将显示以 FF 为中心的图像和文本。

在 IE5 中，图像是左对齐的。文本也是左对齐的，一行只有一个单词，如下所示：

它
看起来
像
这样。

IE 6 也有与上述相同的问题。

IE 7 似乎也有同样的问题，但是当我在 div 周围加上边框时，内容会溢出边框。

在 IE8 中显示正确

对此的任何帮助都会很棒。我正在尝试更好地学习 CSS，但我还没有弄清楚这个问题的复杂性。

我正在尝试弄清楚如何放大页面上的所有元素，但将放大中心保持在窗口的中心。

在此页面上，一旦图像到达窗口的顶部或左侧，放大中心就会改变。当您移动图像时，它也会发生变化。（正是你所期望的）

我想我需要采取完全不同的方法来实现我想要的。但我不确定这种方法是什么..

有任何想法吗？

我需要将图表的每一行与中心对齐。我正在尝试使用 xshift 来做到这一点。这里的代码：

还有其他方法吗？不喜欢每次都更改 xshift 值。

我在乳胶的空白页上有一个报价。我设法将其水平居中，但是，当我尝试将其垂直居中时，它给了我一些问题。我努力了

但是它不起作用。

我需要显示两个图像和一些文本，如下所示：

• img1 和 img2 的尺寸不同，但它们的宽度非常接近
• 文本会根据显示的页面而有所不同，并且可能包含两行而不是一行。
• 文本需要在两个图像之间或容器外部之间水平居中（两者都可以）
• 文本和图像需要在容器内垂直居中。

我可以很容易地用一张桌子来做这件事，但我宁愿不要为了布局而退缩。position:inline-blockand属性在某些浏览器中display:table-cell效果很好，但我需要支持 IE6+。

这应该不难......我有一个菜单和一些内容包裹在一个居中的液体 div 中。内容是绝对定位的。我想做的只是中心#content-container。我在这里想念什么？

我的网站http://hungryathome.net上的导航栏在Firefox 和 IE8 标准模式下无法正确居中。它在 IE7 兼容模式和 Chrome 中正确居中。

奇怪的是，将 div (id="navlinks") 上的 Margin 设置为 4px 或更大会使其正确居中。任何更少都会导致它稍微偏离中心。我在 Firebug 中来回更改了值，这让我很困惑。有什么解释为什么会这样吗？