问题标签 [vertical-alignment]

当内容的高度可变时，将 div 的内容垂直居中的最佳方法是什么。在我的特定情况下，容器 div 的高度是固定的，但是如果有一种解决方案可以在容器也具有可变高度的情况下工作，那就太好了。另外，我希望有一个不使用或很少使用 CSS hack 和/或非语义标记的解决方案。

我有一个div带有两个图像和一个h1. 所有这些都需要在 div 内垂直对齐，彼此相邻。

其中一张图像需要absolute定位在div.

在所有常见浏览器上工作所需的 CSS 是什么？

我有一个标题

它有一个高度150px和一个font-size说1.3em; 我如何使标题文本垂直居中与 CSS。我宁愿不将它包装在容器 DIV 中（包装 div 真的破坏了整个 CSS 想法）。

<div>在页面上垂直和水平居中元素的最佳方法？

我知道这margin-left: auto; margin-right: auto;将以水平为中心，但是垂直的最佳方法是什么？

我想div用 CSS 垂直居中。我不想要表格或 JavaScript，而只想要纯 CSS。我找到了一些解决方案，但它们都缺少 Internet Explorer 6 支持。

如何div在所有主流浏览器（包括 Internet Explorer 6）中垂直居中？

..如果列的高度取决于另一列的高度？解决方案至少应该适用于 IE6,7 和 Mozilla。

HTML表格布局：

为什么vertical-align: middle行不通？然而，vertical-align: top 确实有效。

有谁知道如何使文本在 div 中从上到下对齐。

所以甚至不会让我演示它。. . 我只希望字母在页面下方垂直堆叠，就像建筑物的故事一样。希望我不需要用图像来做。

假设我有以下 CSS 和 HTML 代码：

标题部分的高度是固定的，但标题内容可能会发生变化。

我希望标题的内容与标题部分的底部垂直对齐，因此最后一行文本“粘”到标题部分的底部。

所以如果只有一行文本，它会像：

如果有三行：

如何在 CSS 中做到这一点？

我正在尝试垂直对齐一些不同大小的文本，但是，Firefox 在中间上方显示较小的文本。

CSS：

HTML：

截图：（ _{来源：doheth.co.uk）}

更新：为了清楚起见，我或多或少地知道如何vertical-align工作，即我已经知道常见的误解。

从更多调查来看，解决此问题的最简单方法似乎是将较大的文本包装在 a 中span并设置vertical-align它。then的两个孩子.categoryLinks彼此对齐。除非有人可以在没有额外标记的情况下展示更好的方法？