首頁  >  問答  >  主體

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?

迷茫迷茫2650 天前830

全部回覆(1)我來回復

  • 漂亮男人

    漂亮男人2017-06-20 10:08:16

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

    回覆
    0
  • 取消回覆