vertical-align には、上、中央、ベースライン、下が含まれます。
以下の行高さモデルの 4 つの行を見てください。
幾何学的には、この線高さモデルの幾何学的な中心線は、中央線とベースラインの間にあります。
中央線が上で、ベースラインが下です。
vertical-align どのような配置を参照しても、幾何学的中心に配置することはできません。
容器の高さが低いほど偏差が小さくなり、肉眼では識別しにくくなるとしか言えません。
私の理解は正しいでしょうか?
さらに、display:flex;align-items:center; を使用してサブコンテナを中央に配置する場合、幾何学的な中心線またはベースラインを基準にして中央に配置されますか?