HTML内联样式文本垂直居中技巧

本文聚焦于在Moodle等仅允许内联CSS的受限学习管理系统中，如何高效实现文本与表格等元素的垂直居中对齐——摒弃失效的float和局限性的vertical-align，推荐直接在容器上应用`display: flex`配合`align-items: center`这一简洁可靠的现代方案，无需固定高度、兼容主流浏览器、实测可用，并附有可直接复制粘贴的代码示例和实用进阶技巧，让教师和课程开发者轻松解决长期困扰的排版对齐难题。

本文介绍在 Moodle 等受限 LMS 环境中，仅允许使用内联 CSS 的前提下，如何将文本与表格等块级元素垂直对齐——核心方案是为容器设置 `display: flex` 并配合 `align-items: center`。

在 Moodle 测验题干编辑器中，你通常只能使用基础 HTML 和内联样式（inline CSS），无法引入