css - 为什么按钮元素允许垂直对齐 : middle?

Question

据我所知，vertical-align: middle; CSS 属性仅适用于 display 选项设置为 的元素表格单元格。

那么为什么 vertical-align 在 button 元素上被接受？我错过了什么吗？

我提出问题的原因是我想模仿 button 行为，以避免使用这种结构:

<div style="display: table">
    <div style="display: table-cell; vertical-align: middle;">Vertically aligned</div>
</div>

Answer 1

在大多数现代浏览器中，vertical-align 也适用于 inline-block 元素，例如 button。请注意，旧版浏览器可能不支持此功能。

我认为您最好使用另一种垂直对齐 div 的方法。 inline-block 元素上的 vertical-align 通常仅用于例如将图标与文本字符串对齐。