html5 - 上下居中對齊實際上無法實現吧？

問題描述

vertical-align中有top,middle,baseline,bottom。請看下面的line-height模型中的四條線。

從幾何上看，這個line-height模型的幾何中線在 middle line 和base line中間，middle line 偏上；base line 偏下。vertical-align 無論參照什么對齊，都無法居于幾何中心對齊。只能說容器高度越低，偏差越小，肉眼越無法分辨。

我的理解正確嗎？ 另外，當我們使用display:flex;align-items:center; 讓子容器居中的時候，是參照幾何中心線居中，還是base line?

問題解答

可以這么理解，但是還是可以居中對齊的http://www.zhangxinxu.com/wor...