问题标签 [vertical-alignment]
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.
css - 如何在div中以可变高度垂直居中内容？
当内容的高度可变时，将 div 的内容垂直居中的最佳方法是什么。在我的特定情况下，容器 div 的高度是固定的，但是如果有一种解决方案可以在容器也具有可变高度的情况下工作，那就太好了。另外，我希望有一个不使用或很少使用 CSS hack 和/或非语义标记的解决方案。
html - 如何垂直对齐 div 中的元素？
我有一个div带有两个图像和一个h1. 所有这些都需要在 div 内垂直对齐，彼此相邻。
其中一张图像需要absolute定位在div.
在所有常见浏览器上工作所需的 CSS 是什么？
css - 在css中垂直居中具有固定高度的标题
我有一个标题
它有一个高度150px和一个font-size说1.3em;
我如何使标题文本垂直居中与 CSS。我宁愿不将它包装在容器 DIV 中（包装 div 真的破坏了整个 CSS 想法）。
html - 居中的最佳方法在页面上垂直和水平？
<div>在页面上垂直和水平居中元素的最佳方法？
我知道这margin-left: auto; margin-right: auto;将以水平为中心，但是垂直的最佳方法是什么？
css - 如何使用 CSS 为所有浏览器垂直居中 div 元素？
我想div用 CSS 垂直居中。我不想要表格或 JavaScript，而只想要纯 CSS。我找到了一些解决方案，但它们都缺少 Internet Explorer 6 支持。
如何div在所有主流浏览器（包括 Internet Explorer 6）中垂直居中？
html - 如何垂直对齐表格列的顶部和底部？
..如果列的高度取决于另一列的高度？解决方案至少应该适用于 IE6,7 和 Mozilla。
HTML表格布局：
html - 垂直对齐图像旁边的文本？
为什么vertical-align: middle行不通？然而，vertical-align: top 确实有效。
css - 如何使文本在 CSS 中从上到下运行？
有谁知道如何使文本在 div 中从上到下对齐。
所以甚至不会让我演示它。. . 我只希望字母在页面下方垂直堆叠，就像建筑物的故事一样。希望我不需要用图像来做。
html - 如何将div的内容与底部对齐
假设我有以下 CSS 和 HTML 代码：
标题部分的高度是固定的，但标题内容可能会发生变化。
我希望标题的内容与标题部分的底部垂直对齐，因此最后一行文本“粘”到标题部分的底部。
所以如果只有一行文本，它会像：
如果有三行：
如何在 CSS 中做到这一点？
css - “vertical-align: middle”在 Firefox 中不与中间对齐
我正在尝试垂直对齐一些不同大小的文本，但是，Firefox 在中间上方显示较小的文本。
CSS：
HTML：
截图：（
来源：doheth.co.uk）
更新：为了清楚起见，我或多或少地知道如何vertical-align工作，即我已经知道常见的误解。
从更多调查来看，解决此问题的最简单方法似乎是将较大的文本包装在 a 中span并设置vertical-align它。then的两个孩子.categoryLinks彼此对齐。除非有人可以在没有额外标记的情况下展示更好的方法？