html5 - 上下居中對齊實際上無法實現吧?
迷茫
迷茫 2017-06-20 10:06:16
0
1
827

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?

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回覆(1)
漂亮男人

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!