Html 在CSS中垂直对齐用于什么？

我对编码和CSS都是新手，最近遇到了属性垂直对齐。读了很多关于它是什么的文章后，我仍然不知道它是用来做什么的，你什么时候使用它

我的理解是，它用于内联元素，如文本、图像等，以及表中的文本或其他内联元素。它们不能用于块元素，如div、h1等

---

如果我的理解是正确的，除了将文本垂直对齐表示图像或使用下标或上标之外，它还有什么其他用途？

垂直对齐就是为了它听起来的样子。它在父对象内垂直对齐元素；但是，并不是所有浏览器都对其进行相同的解释

---

有关可用参数值的更深入信息。

它确实用于垂直对齐内联元素。块级元素将忽略此属性。所以你的理解是对的

给出了一些关于垂直对齐的背景信息和一些示例。它主要用于在一行文本中垂直定位图像。或替换tablecells上的valign属性

看来你理解得很对。有关垂直对齐特性的详细信息，请参见

我只是想说清楚；不要尝试使用垂直对齐来定位像div这样的块级元素。正如您已经提到的，它不适用于内联元素，例如文本行中的图像。使用

显示：表格单元格和元素上的垂直对齐是一种攻击，请尽可能使用其他CSS技术垂直对齐div中的内容。

如果您想了解某个特定属性，请务必阅读规范：


一个常见的用例是垂直居中（与
显示：表格单元格结合使用）：


不使用此技术，垂直居中有些困难

另一个常见的用例是当涉及到
内联
或
内联块
的元素时

有关不同
垂直对齐
值的示例，请参见此处：

另一个好的链接是：


但是，它的真正用途是让我投票，请参见：




：）
垂直对齐，由W3C和大多数（tm）解释，仅在作为表格单元格的元素中使用/生效（
），在某些浏览器上，具有
显示：表格单元格
声明的元素

其余时间，浏览器基本上忽略了垂直对齐。
其他人对垂直对齐的看法基本正确。事实上，它是有效的，而不是你的思维方式。它用于内联元素，而不是块元素

在这种情况下，一把小提琴抵得上千言万语

我最常用它来居中表格单元格内的文本，默认情况下，每个单元格中的文本都是顶部对齐的，看起来很难看。我发现
垂直对齐
一点用处都没有，因为块级元素愚蠢地忽略了该属性。如果可以将div的内容垂直居中，那就太好了，但遗憾的是，一些象牙塔的人决定不这样做。@B.Burke-很抱歉，我可以详细说明你的答案，因为我已经阅读了你发布的链接，但对我来说仍然没有意义。父对象的示例是什么？我绝对可以详细说明：父对象将是包含您正在使用的元素的对象。这方面的一个例子是一个包含文本的div。div将是文本元素的父对象。如果此div是页面上唯一的容器对象，则body标记将是div元素的父对象。更有意义吗？基本上，您似乎正在尝试为没有参数的参数提供更多细节。：）它的作用就是：垂直对齐项目。父对象可以是任何块级元素，但可以将其想象为一张纸上的简单正方形。在正方形中间画一条水平线，
vertical align
将把你放在正方形内的任何东西都放在那里。伯克-谢谢。这对我来说更有意义。我只是在看的时候偶然发现它，不知道它是什么。@Dolph-谢谢。帮助我澄清了垂直对齐的用法。谢谢。在我提问之前，我确实阅读了你发布的链接。所以所有垂直对齐都是用来垂直定位图像到文本或文本到图像，以及替换tablecells上的valign属性？我也知道默认属性值是基线。如果是这样，为什么要在重置CSS文件中使用它。例如@PeanutsMonkey：不同的浏览器对
垂直对齐的不同元素有不同的默认值。为“所有元素”将其设置为
baseline
，有助于确保一致性。使用reset.css文件时，您希望绝对确保所有浏览器的行为相同。我猜有些浏览器没有使用基线作为所有元素的默认设置。所以reset.css会帮你确定这一点。@thirtydot-现在一切都开始到位了。谢谢你的澄清。谢谢你的例子和链接。我已经阅读了链接“Hhat is vertical align”，但不确定我的理解是否正确。内联块是我刚刚读到的东西，所以我不知道你什么时候会使用它们，它们是用来做什么的，等等，但是谢谢你的链接。
div {
    background: #ccc;
    width: 200px;
    height: 300px;
    padding: 5px;

    display: table-cell;
    vertical-align: middle
}