Html 对齐中间问题

我对

垂直对齐方式的误解是什么：中间有效吗

我已经发布了（）一些代码，我希望将红色矩形垂直对齐在蓝色矩形中，但它看起来不是这样。
垂直对齐：中间对div（块元素）不起作用。详情请参阅

如果要垂直对齐，我认为唯一的选择是使用具有适当参数的边距/填充。
垂直对齐
只能应用于具有以下参数的元素：


display：表格单元格
，用于垂直对齐元素的内容
display:inline
或
display:inline block
以便在包含元素的文本行内垂直对齐元素

后者的一个廉价技巧是：
垂直对齐仅适用于内联图像和显示：表格单元格

我用过几次，效果很好，但需要做一些工作。如果您使用的是固定大小的元素，“绝对位置”是迄今为止最简单的。动态大小的元素和垂直居中可能非常棘手，需要处理许多浏览器怪癖