如何垂直对齐2种不同大小的文本？
我知道要将文本垂直对齐到块的中间，您可以将line-height设置为与块相同的高度。
但是，如果我的句子中间有一个单词，那就是2em。如果整个句子的行高与包含块的行高相同，则较大的文本在垂直方向上对齐，但是较小的文本与较大的文本在同一基线上。
如何设置它以便两个文本的大小都垂直对齐，以便较大的文本位于比较小的文本低的基线上？
问题答案：
尝试vertical-align:middle;内联容器？
编辑：它可以工作，但您的所有文本必须在嵌入式容器中，如下所示：
<div style="height:100px; line-height:100px; background:#EEE;">
<span style="vertical-align:middle;">test</span>
<span style="font-size:2em; vertical-align:middle;">test</span>
</div>
-
我在对话框中使用MigLayout。 每个面板都使用MigLayout。 有一个用于显示行的面板。每个列都有一个面板（交付类型、选择元素、架次）。输出文件行有一个面板。有一个按钮面板。 也许有一种更好的方法，不用太多的面板？ 我的代码 我的文本字段没有大小，直到我移动我的窗口，我不明白为什么。还有为什么不是每个列的组件从面板的顶部开始？
-
问题内容： 目标：纯Canvas上的Android> = 1.6。 假设我想编写一个函数，该函数将绘制一个（宽度，高度）大的红色矩形，然后在其中绘制一个黑色的 Hello World 文本。我希望文本在视觉上位于矩形的中心。因此，让我们尝试： 现在，我不知道要在drawText的参数中加上标记的内容，即我不知道如何垂直对齐文本。 就像是 ???? = topLeftY + height / 2 +
-
我想使用flexbox来垂直对齐 中的一些内容，但没有取得很大的成功。 我在网上查了一下，很多教程实际上都使用了包装器div，它从父级的flex设置中获得，但我想知道是否可以去掉这个附加元素？ 我选择在此实例中使用flexbox，因为列表项高度将是动态的。 null null
-
垂直对齐 1. grid-template-areas 属性值保持换行，并使用空格保持每列垂直对齐。 例如： .foo { grid-template-areas: "header header" "nav main" "footer ...."; } 2. grid、grid-template
-
问题内容： 我试图找到最有效的方法来使div对齐文本。我尝试了几件事，但似乎都没有用。 问题答案： 对于CSS 2浏览器，可以使用/ 来使内容居中。 jSFiddle提供了一个示例： 可以将旧浏览器（Internet Explorer 6/7）的hack合并为样式，并用于从较新的浏览器中隐藏样式：
-
问题内容： 我在浮动div中有一个img，但我不知道如何垂直居中。 垂直对齐：当然中间不起作用。 问题答案： 要在父元素中垂直对齐文本，并谨记的是一个内联元素等行为 类似 文本，你可以简单地设置到父元素： 。